Jquery 前端模版
2015-10-18 23:45
656 查看
<div id="div_demo">
</div>
<script id="demo" type="text/x-jquery-tmpl">
<div style="margin-bottom:10px;">
<span>${ID}</span>
<span style="margin-left:10px;">{{= Name}}</span>
<span style="margin-left:10px;">${Number(Num)+1}</span>
<span style="margin-left:10px;">${Status}</span>
</div>
</script>
<script type="text/javascript">
var users = [{ ID: 'think8848', Name: 'Joseph Chan', Num: '1', Status: 1 }, { ID: 'aCloud', Name: 'Mary Cheung', Num: '2'}];
$("#demo").tmpl(users).appendTo('#div_demo');
</script>
</div>
<script id="demo" type="text/x-jquery-tmpl">
<div style="margin-bottom:10px;">
<span>${ID}</span>
<span style="margin-left:10px;">{{= Name}}</span>
<span style="margin-left:10px;">${Number(Num)+1}</span>
<span style="margin-left:10px;">${Status}</span>
</div>
</script>
<script type="text/javascript">
var users = [{ ID: 'think8848', Name: 'Joseph Chan', Num: '1', Status: 1 }, { ID: 'aCloud', Name: 'Mary Cheung', Num: '2'}];
$("#demo").tmpl(users).appendTo('#div_demo');
</script>
相关文章推荐
- jQuery.extend
- jquery easyui -datagrid(悬浮,隐藏)
- 选择控件:select ,radio,checkbox之用jquery获取选中值的小结
- ***Jquery下Ajax与PHP数据交换
- 夺命雷公狗jquery---5可见选择器
- 夺命雷公狗jquery---4内容选择器
- 夺命雷公狗jquery---3普通选择器
- 夺命雷公狗jquery---2层级选择器
- asp.net 实现在线打印功能,jQuery打印插件PrintArea实现自动分页
- jQuery.core_02
- 夺命雷公狗jquery---1选择元素的3种方法
- jQuery dialog实现登陆,增删改操作
- JQuery中的小技巧,,,连载中。。。
- jQuery源码分析之offset,position,offsetParent方法以及源码中常见的cssHooks,swap代码
- Jquery iframe获取父窗口中的元素
- jQuery 文件上传插件:uploadify、swfupload
- 百度谷歌唯一解决方案--解决jQuery Validation插件 相同名称文本框只验证第一个
- jQuery源码分析之css方法
- JQuery图片轮换器原理
- jquery基本选择器