jQuery模板提案（6）
作者：dishuipiaoxiang 来源：Denis'Blog 发布时间：2010-03-30 18:27:00
标签：jquery,模板,Javascript,对象
jQuery DOM操作
jQuery DOM操作方法支持声明一个模板。例如，你可以使用jQuery.fn.append方法：
jQuery("selector")
.append("#template", arrayOrObject, options);
参数
| 参数 | 类型 | 描述 |
|---|---|---|
| selector | 字符串 | 代表模板选择符的一个字符串 |
| data | 任何数据对象 | 任何数据对象 如果是数组，为每一项实例化化一次。否则，该模板仅实例化一次 |
| options | 对象 | 对象的字面意义代表可选设置。你可以设置一个渲染和渲染的事件处理程序。你可以传递任何值，这些值将被传入到模板中 |
示例
下面的代码使用append()方法而不是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}
];
$("ul").append("#template", products);
});
</script>
<script id="template" type="text/html">
<li>{％= name ％} - {％= price ％}</li>
</script>
<ul></ul>
jQuery.templates
你可以指定一个或多个编译的模板给Query.templates对象设置。当你想给模板一个语义化的名字以便在一个文档中很方便的多次使用同一模板时，这很有用。
用jQuery.tmpl()函数编译一个模板
示例
<script type="text/javascript">
// Assign compiled template
jQuery.templates.foo = jQuery.tmpl("<li>{％=name％}</li>");
// use name foo as template in append() method:
jQuery("#container").append("foo", products);
</script>
0
投稿猜你喜欢
- 本文实例讲述了python妹子图简单爬虫实现方法。分享给大家供大家参考。具体如下：#!/usr/bin/env python#coding:
合并与分割tf.concattf.concat可以帮助我们实现拼接操作.格式:tf.concat( values,- Response是负责将信息传递给用户的对象，它可动态地响应客户端的请求，并将动态生成的响应结果返回给客户端浏览器。 一，Resp
- 相信大家在日常学习或者是阅读英文文章的过程中，难免会出现几个不认识的单词，或者想快速翻译某段英文的意思。今天，利用Python爬虫等知识，教
- 控制字符控制字符（Control Character），或者说非打印字符，出现于特定的信息文本中，表示某一控制功能的字符，如控制符：LF（换
- 现在市场上的OA基本上可归结为两大阵营，即php阵营和java阵营。但对接触Oa不久的用户来说，看到的往往只是它们的表相，只是明显的价格差异
- 1、pyqtgraph库数据可视化效果还不错，特别是窗体程序中图像交互性较好；安装也很方便，用 pip 安装。2、在Python中新建一个
- 其实很简单，用len函数：>>> array = [0,1,2,3,4,5] >>> print len
- 以下内容来自CHATGPT，其中PGADMIN经实验，有效1、在MYSQL中使用：可以使用GROUP_CONCAT函数来实现相同名称的多行字
- 问题你想将HTML或者XML实体如 &entity; 或 &#code; 替换为对应的文本。 再者，你需要转换文本 * 定的字
- 在Firefox推出3.5后，他增加了许多新的支持，今天抽空将他们整理一下。属性image-renderingtext-renderingi
- 问：怎样解决mysql连接过多的错误？答：系统不能连接数据库，关键要看两个数据：1、数据库系统允许的最大可连接数max_connection
- 本文实例讲述了php tpl模板引擎定义与使用。分享给大家供大家参考，具体如下：tpl.php<?phpnamespace tpl;/
- 这次分享的是关于Vue自定义指令的使用方法，学习完基础后我们再来实战完成一个下拉列表，废话不多说，直接上干货基本用法//全局注册Vue.di
- 认识模块对于模块，在前面的一些举例中，已经涉及到了，比如曾经有过：import random (获取随机数模块)。为了能够对模块有一个清晰的
- python中是区分大小写的，不管是变量、函数、还是类，都要严格的区分大小写。例如，page和Page是两个不同的变量，name和Name也
- GetRows 方法 将 Recordset 对象的多个记录复制到数组中。 语法 代码如下: array = recordset.GetR
- 目录原生 JS怎么发送一个 get 请求怎么发送一个 post 请求发送一个带有参数的 get 请求发送一个带有参数的 post 请求jQu
- 前言临近期末做了一个商品销售管理系统，分享下，全部源码在码云，需要自取，博客只分享部分代码（太多了）。数据库的建立我们使用Navicat P
- 利用Python进行数据分析时，Numpy是最常用的库，经常用来对数组、矩阵等进行转置等，有时候用来做数据的存储。在numpy中，转置tra
