jQuery模板提案（5）
作者：dishuipiaoxiang 来源：Denis'Blog 发布时间：2010-03-30 18:27:00
标签：jquery,模板,Javascript,对象
在jQuery core中增加模板支持
这部分包含一个提案－－给jQuery核心中添加一个声明和渲染模板的标准方法。这节包括模板API、示例代码和讨论要点。
API
jQuery.fn.render
通过给单个的数据项或一组数据项应用一个模板来生成DOM元素。
jQuery("#template")
.render(arrayOrObject, options)
.appendTo("selector");
参数
| 参数 | 类型 | 描述 |
|---|---|---|
| data | 任何数据对象 | 任何数据对象 如果是数组，为每一项实例化化一次。否则，该模板仅实例化一次 |
| options | 对象 | 对象的字面意义代表可选设置。你可以设置一个渲染和渲染的事件处理程序。你可以传递任何值，这些值将被传入到模板中 |
示例
下面是一个使用render()方法的简单例子。render()方法用来以列表的方式显示系列产品的name和price。
<script type="text/javascript">
jQuery(function(){
var products = [
{ name: "Product 1", price: 12.99},
{ name: "Product 2", price: 9.99},
{ name: "Product 3", price: 35.59}
];
$("#template")
.render(products)
.appendTo("ul");
});
</script>
<script id="template" type="text/html">
<li>{％= name ％} - {％= price ％}</li>
</script>
<ul></ul>
执行上面的代码得到的是下面的无需列表。
产品1 - 12.99
Product 2 – 9.99产品2 - 9.99
Product 3 – 35.59产品3 - 35.59
0
投稿猜你喜欢
- 更换域名，估计是很多站长都很头疼的事情。通常大家的做法就是把老的域名通过IIS设置做301跳转到新的域名。对于只有一个虚拟空间的站长来说，换
- 对于SQL的新手，NULL值的概念常常会造成混淆，他们常认为NULL是与空字符串''相同的事。情况并非如此。例如，下述语句是
译者newstart写的简介：Ross Dawson所在的Future Exploration Network于2007年5月发布的web2- 随着网络的发展，人们通过各种方式使用它。今天，网络购物，跟朋友或者不认识的人聊天，管理银行账户，以及一些日常应用，共享照片或视频，等等。事实
- 很久没有更新blog了，这段时间实在是发生了很多的事，累身累心。但还是有很多想做的事，比如更新merceCSS、把一直以来所总结的有关模块化
- 作为互联网产品设计师，在和前端开发人员沟通时你是否常常会听到这样的声音： —— “大姐，给点专业精神好不好，这个表格是自适应的，你
- Sample:http://www.happyshow.org/sample/20060613/nav/nav.html<!DOCTY
- 下面就是我们的authenticate.asp页面，在这里，将用户的信息收集起来，连同最初的URL一起传到一个识别用户身份的页面中。我们可用
- 所有数据库和状态文件都包含在其中。但是，在确定数据目录内容的布局中管理员有某些职责。本文讨论为什么要移动数据目录的各个部分(甚至是字典本身)
- 见下面的代码：<html><head><title>精彩春风之月份查询</title><
- 大家知道，Microsoft为了更好地预防恶意用户和攻击者的攻击，在默认情况下，没有将 IIS6.0 安装到 Windows Server
- 平面设计 常用尺寸 三折页广告 标准尺寸: (A4)210mm x 285mm普通宣传册 标准尺寸: (A4)210mm x 285mm文件
- 定义总是很抽象。存储进程其实就是能完成一定操作的一组SQL语句，只不过这组语句是放在数据库中的(这里我们只谈SQL SERVER)。如果我们
- 数据库的使用过程中由于程序方面的问题有时候会碰到重复数据，重复数据导致了数据库部分设置不能正确设置……方法一以下为引用的内容：declare
- 目前已经有很多生成html的新闻系统，但是都是用的模板，本函数实现把asp页面产生的html代码保存成为一个html文件，这样就没有必要改动
- 一个Javascript 的类库，用于table内容排序。使用很方便，不用每次都去调用数据库了。特别适合多表查询的排序。加上<tbod
- 如今，互联网越来越走近我们的生活，网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现
- 以下示例显示如何在 XPath 查询中指定轴。这些示例中的 XPath 查询都在 SampleSchema1.xml 中所包含的映射架构上指
- 当您使用FILESYSTEMOBJECT（fso）对象获得某个目录下的文件列表的时候，你有没有发现无法控制它们的排序方式，比如按照名字排序，
- 输入汉字提示拼音，试试下面这个函数，不知是不是你要的那个：查询汉字便宜到词典网<％function getpychar(ch
