jquery 模板的应用示例


Posted in Javascript onNovember 12, 2013
<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数据填充到模板里 呈现出来

$("#contactTemplate").render(contacts).appendTo("#contactContainer"); 
</script> 
</body>
Javascript 相关文章推荐
jquery text()要注意啦
Oct 30 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
Javascript中typeof 用法小结
May 12 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
全面解析Bootstrap布局组件应用
Feb 22 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
JS中的回调函数实例浅析
Mar 21 Javascript
jQuery 无刷新分页实例代码
Nov 12 #Javascript
JS图片切换的具体方法(带缩略图版)
Nov 12 #Javascript
JS实现遮罩层效果的简单实例
Nov 12 #Javascript
javascript静态页面传值的三种方法分享
Nov 12 #Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 #Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 #Javascript
JavaScript中的字符串操作详解
Nov 12 #Javascript
You might like
一个程序下载的管理程序(三)
2006/10/09 PHP
一个比较简单的PHP 分页分组类
2009/12/10 PHP
PHP 第二节 数据类型之转换
2012/04/28 PHP
discuz目录文件资料汇总
2014/12/30 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
PHP大文件分块上传功能实例详解
2019/07/22 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
关于使用runtimeStyle属性问题讨论文章
2007/03/08 Javascript
学习ExtJS fit布局使用说明
2009/10/08 Javascript
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
Jquery中获取iframe的代码
2011/01/11 Javascript
JQuery记住用户名和密码的具体实现
2014/04/04 Javascript
Jquery给基本控件的取值、赋值示例
2014/05/23 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
javascript常用函数(1)
2015/11/04 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
2016/02/15 Javascript
BootStrap 附加导航组件
2016/07/22 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
Node.js readline模块与util模块的使用
2018/03/01 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
Ant Design的Table组件去除
2020/10/24 Javascript
在Python中实现贪婪排名算法的教程
2015/04/17 Python
使用Python对Access读写操作
2017/03/30 Python
用Python实现随机森林算法的示例
2017/08/24 Python
Python实现字典按照value进行排序的方法分析
2017/12/23 Python
Python二维数组实现求出3*3矩阵对角线元素的和示例
2019/11/29 Python
python在地图上画比例的实例详解
2020/11/13 Python
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
如何清空Session
2015/02/23 面试题
2014年车间主任工作总结
2014/12/10 职场文书
教师读书笔记
2015/06/29 职场文书
大一新生军训新闻稿
2015/07/17 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书