源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery 模板的应用示例

  • 时间:2021-04-28 20:57 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery 模板的应用示例
[u]复制代码[/u] 代码如下:
<body> <h1>天地盟主 QQ:467713292</h1> <!-- 将模版放置的位置标签 --> <div id="contactContainer"></div> <!-- 定义模板的内容布局 和定义显示的字段 --> <script id="contactTemplate" type="text/html"> <div> 姓名: {{= name }} <br /> 手机号: {{= phone }} </div> </script> //引用两个js
[u]复制代码[/u] 代码如下:
<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数据填充到模板里 呈现出来
[u]复制代码[/u] 代码如下:
$("#contactTemplate").render(contacts).appendTo("#contactContainer"); </script> </body>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部