jquery 模板的應用示例
更新時間：2013年11月12日 17:18:30 作者：
模板的使用在jqery中還是比較廣泛的，在本文有個不錯的示例，大家可以參考下
復制代碼 代碼如下:
<body>
<h1>天地盟主 QQ：467713292</h1>
<!-- 將模版放置的位置標簽 -->
<div id="contactContainer"></div>
<!-- 定義模板的內容布局 和定義顯示的字段 -->
<script id="contactTemplate" type="text/html">
<div>
姓名: {{= name }} <br />
手機號: {{= phone }}
</div>
</script>
//引用兩個js
復制代碼 代碼如下:
<script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script>
<script src="Scripts/jquery.tmpl.js" type="text/javascript"></script>
<script type="text/javascript">
var contacts = [
{name:"天地盟主", phone:"467713292"},
{name:"與狼共舞", phone: "206-555-7878" },
{name:"程序員中的菜鳥", phone: "415-555-8888" }
];
//只需要這樣一句話就可以將上面定義好的json數(shù)據(jù)填充到模板里 呈現(xiàn)出來
復制代碼 代碼如下:
$("#contactTemplate").render(contacts).appendTo("#contactContainer");
</script>
</body>
相關文章
這篇文章主要介紹了jQuery實現(xiàn)的上拉刷新功能組件,涉及jQuery事件響應與頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了jQuery老黃歷完整實現(xiàn)方法,詳細講述了基于jQuery實現(xiàn)黃歷的詳細步驟與技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery實現(xiàn)圖片局部放大鏡效果的相關資料,需要的朋友可以參考下2016-03-03
jQuery 移動端拖拽（模塊化開發(fā)，觸摸事件，webpack）
這篇文章主要介紹了jQuery 移動端拖拽（模塊化開發(fā)，觸摸事件，webpack）的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-10-10
jQuery autoComplete插件兩種使用方式及動態(tài)改變參數(shù)值的方法詳解
這篇文章主要介紹了jQuery autoComplete插件兩種使用方式及動態(tài)改變參數(shù)值的方法,結合實例形式分析了jQuery自動匹配插件autoComplete的使用技巧與動態(tài)改變參數(shù)傳入值的實現(xiàn)方法,需要的朋友可以參考下2016-10-10
jQuery九宮格大轉盤抽獎代碼網(wǎng)頁特效，點擊抽獎按鈕開始隨機抽獎選擇獎品，可設置起點位置、獎品數(shù)量、轉動次數(shù)、中獎位置參數(shù)2015-11-11
jQuery中關于ScrollableGridPlugin.js（固定表頭）插件的使用逐步解析
以前寫前臺的時候需要用哪些效果從來都是有現(xiàn)成的東西拿來就用的，因為自己真的是有些懶，毫無探索精神，只重視結果，不追求過程2014-07-07
這篇文章主要介紹了使用jQuery調用XML實現(xiàn)無刷新即時聊天的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
下面小編就為大家?guī)硪黄獪\談jQuery中事情的動態(tài)綁定。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jquery插件bootstrapValidator表單驗證詳解
這篇文章主要為大家詳細介紹了jquery插件bootstrapValidator表單驗證，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12