jquery tmpl学习资料 --{{each}} each使用

<!DOCTYPE html>
<html>
<head>
    <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="Scripts/tmpl.js" type="text/javascript"></script>
</head>
<body>
    <script id="DeptTemplate" type="text/x-jquery-tmpl">    
        <li>
        Title:${Name}      
           {{each Emp}}
                ${$index+1}:${$value}
           {{/each}}
        </li>
    </script>
    <ul id="deptList">
    </ul>
    <script>
        var deptlist = [
        { Name: "销售部", Emp: ["张三", "李四"] },
        { Name: "网络部", Emp: ["王二"] }
        ];
        $("#DeptTemplate").tmpl(deptlist).appendTo("#deptList");
    </script>
</body>
</html>
--输出结果:

时间: 2024-11-05 15:29:22

jquery tmpl学习资料 --{{each}} each使用的相关文章

jQuery网上学习资料推荐

博客园上的jQuery专题: http://kb.cnblogs.com/zt/jquery/ 专题中的<从零开始学习jQuery>: http://kb.cnblogs.com/page/67967/ jQuery的IDE推荐: Eclipse 装 Spket插件 Microsoft Visual Studio 2008 AptanaStudio WebStorm Dreamweaver 版权声明:本文为博主原创文章,未经博主允许不得转载.

很不错的jQuery学习资料和实例

这些都是学习Jquery很不错的资料,整理了一下,分享给大家. 希望能对大家的学习有帮助. 帕兰 Noupe带来的51个最佳jQuery教程和实例, 向大家介绍了jQuery的一些基本概念和使用的相关教程,  如果你对jQuery感兴趣, 也可以查看帕兰写的文章: 37个更加出色的jQuery插件 45个新鲜出炉的jQuery插件 50多个强大的jQuery插件应用实例 John Resig John Resig, 这位是 JQuery JavaScript脚本库的创建者, 同时也是Mozill

jQuery .tmpl(), .template()学习资料小结

昨晚无意中发现一个有趣的jQuery插件.tmpl(),其文档在这里.官方解释对该插件的说明:将匹配的第一个元素作为模板,render指定的数据,签名如下: .tmpl([data,][options]) 其中参数data的用途很明显:用于render的数据,可以是任意js类型,包括数组和对象.options一般情况下都是选项了,官方指出,此处的options是一个用户自定义的键值对的map,继承自tmplItem数据结构,适用于模板render动作期间. 在这里可以下载到最新的tmpl插件,值

nodejs学习资料

NodeJS基础 什么是NodeJS JS是脚本语言,脚本语言都需要一个解析器才能运行.对于写在HTML页面里的JS,浏览器充当了解析器的角色.而对于需要独立运行的JS,NodeJS就是一个解析器. 每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情.例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类的内置对象.而运行在NodeJS中的JS的用途是操作磁盘文件或搭建HTTP服务器,NodeJS

2015最新最全Java学习资料下载

Java学习资料下载大全 : java的开发建议使用jbuilder.eclipse或是netbeans  eclipse在这里免费下载:http://www.eclipse.org/downloads/ netbeans在这里免费下载:http://dlc.sun.com.edgesuite.net/netbeans/6.0/final/ 教程的话,你可以看看这个: 网盘下载地址:http://pan.baidu.com/s/1hqLl3Vm 密码直通车:521595826(扣扣qun) 精通

jQuery tmpl用法总结

原文:jQuery tmpl用法总结 之前很是头疼循环数据的渲染,搞一大堆的命名,一点点的赋值,很是麻烦,今天学习了一下jQuery插件tmpl,下面抛出一些使用方法,供以后参考: 官方网址:http://web.archive.org/web/20121014080309/http://api.jquery.com/jquery.tmpl/ github网址:https://github.com/jquery/jquery-tmpl        http://jquery.github.co

我收集和整理的 SharePoint 2013 学习资料

我收集和整理的 SharePoint 2013 学习资料,都是英文的很清晰的PDF,希望对学习和使用SharePoint的朋友的所帮助. 1. SharePoint 2013 用户手册 http://download.csdn.net/detail/farawayplace613/7919121 2. SharePoint 2013 管理员手册 http://download.csdn.net/detail/farawayplace613/7919039 3. SharePoint 中使用JQu

Jquery Mobile 学习笔记(一)

1.模拟器,IOS:XCODE GENYMOTION  ANDROID:ECLIPSE GENYMOTION 2.jquery mobile data-role:page 代表一个页面 data-position:fixed 代表固定工具栏 data-transition:slide 跳转动画效果 data-rel:dialog 弹窗口 button:A <button>  B <input type="button" />  C <a class=&qu

前端学习资料(书籍和视频)

1.妙味课堂--jquery源码分析视频   2.前沿视频教室<精通JavaScript视频教程>    3.妙味课堂javascript+jquery视频教程 前端学习资料(书籍和视频)