jQuery插件Tmpl的簡(jiǎn)單使用方法
更新時(shí)間：2015年04月27日 09:50:55 投稿：hebedich
JavaScript 也可以利用模版來解決這些問題，比如基于 jQuery 的 jquery.tmpl，現(xiàn)在已經(jīng)被接受為官方的模版插件了。詳細(xì)的 API 在 jQuery 的 Templates 里，內(nèi)置的 demo 也盡情地演示了各種用法。
1.引入腳本
2.編寫模板
2.1假設(shè)此時(shí)有一個(gè)，從后臺(tái)一json格式發(fā)送來的數(shù)據(jù)
復(fù)制代碼 代碼如下:
[{"tId":1,"tName":"張三","tAge":14,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}},
復(fù)制代碼 代碼如下:
{"tId":2,"tName":"李四","tAge":25,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}},
復(fù)制代碼 代碼如下:
{"tId":4,"tName":"趙六 ","tAge":16,"tClass":2,"TeachClass":{"cId":2,"cName":"2班"}}]
2.2此時(shí)你要顯示的內(nèi)容如下
然后按照你要顯示的內(nèi)容，設(shè)置模板：
【類似于aspx中的repeater控件】
【注：記得要設(shè)置id】
3.填寫模板
按照上面的假設(shè)，后臺(tái)返回的是一個(gè)json格式的字符串，那么通過ajax請(qǐng)求，并填寫 模板
4.看到了效果頁面
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
您可能感興趣的文章:
- jQuery插件datalist實(shí)現(xiàn)很好看的input下拉列表
- jQuery插件windowScroll實(shí)現(xiàn)單屏滾動(dòng)特效
- jQuery插件boxScroll實(shí)現(xiàn)圖片輪播特效
- jquery實(shí)現(xiàn)的代替?zhèn)鹘y(tǒng)checkbox樣式插件
- JQuery實(shí)現(xiàn)的圖文自動(dòng)輪播效果插件
- jQuery插件zepto.js簡(jiǎn)單實(shí)現(xiàn)tab切換
- jquery插件unobtrusive實(shí)現(xiàn)片段式加載
- jQuery插件EnPlaceholder實(shí)現(xiàn)輸入框提示文字
- jQuery插件expander實(shí)現(xiàn)圖片翻轉(zhuǎn)特效
- 編寫自己的jQuery插件簡(jiǎn)單實(shí)現(xiàn)代碼
- jQuery插件簡(jiǎn)單實(shí)現(xiàn)方法
相關(guān)文章
jQuery源碼分析-03構(gòu)造jQuery對(duì)象-工具函數(shù)
jQuery源碼分析-03構(gòu)造jQuery對(duì)象-工具函數(shù)，需要的朋友可以參考下。2011-11-11
基于jquery css3實(shí)現(xiàn)點(diǎn)擊動(dòng)畫彈出表單源碼特效
這篇文章主要介紹了基于jquery css3實(shí)現(xiàn)點(diǎn)擊動(dòng)畫彈出表單,彈出的表單沒有任何遮蓋層，在web前端程序開發(fā)中經(jīng)常會(huì)用到，需要的朋友可以參考下2015-08-08
jQuery插件FusionCharts繪制的3D雙柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D雙柱狀圖效果,涉及jQuery使用插件FusionCharts結(jié)合xml數(shù)據(jù)繪制的3D雙柱狀圖的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
jQuery在線選座位插件seat-charts特效代碼分享
這篇文章主要介紹了jQuery在線選座位插件seat-charts特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了jQuery實(shí)現(xiàn)“掃碼閱讀”功能方法的相關(guān)資料,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jquery實(shí)現(xiàn)submit提交表單的相關(guān)資料,需要的朋友可以參考下2015-02-02
table在使用中比較廣泛，下面與大家分享下JQuery操作/獲取table的基本方法，感興趣的朋友可以參考下哈2013-06-06
這篇文章主要介紹了jQuery常見的遍歷DOM操作,結(jié)合實(shí)例形式詳細(xì)分析了針對(duì)DOM節(jié)點(diǎn)的parent()、parents()、parentsUntil()、find()、eq()、filter()等各種遍歷操作相關(guān)函數(shù)與使用技巧,需要的朋友可以參考下2018-09-09
jquery異步請(qǐng)求實(shí)例代碼，需要的朋友可以參考下。2011-06-06
這篇文章主要介紹了jQuery中children()方法用法,實(shí)例分析了children()方法的功能、定義及過濾所匹配子元素的使用技巧,需要的朋友可以參考下2015-01-01