首页
文章
留言
首页
文章
留言
jquery.tmpl使用总结
2017 年 05 月 03 日
前端
HTML
JavaScript
jquery.tmpl 是一款 jQuery 的模板插件,是由微软向 jQuery 官方贡献的轻量级模板插件,它的体积很小,兼容性强,只需引入 jQuery 就不需要再依赖别的了。 常用标签有:`${}`, `{{each}}`, `{{if}}`, `{{else}}`, `{{html}}`。 不常用标签:`{{=}}`,`{{tmpl}}`,`{{wrap}}`。 1、`${}` 等同与 `{{=}}` 是输出变量 `${}` 里面还可以放表达式 (=和变量之间一定要有空格,否则无效)。 示例: ```html
``` 2、`{{each}}` 提供循环逻辑,`$value` 访问迭代变量,也可以自定义迭代变量 (i,value)。 示例: ```html
``` 3、`{{if }}` `{{else}}` 提供了分支逻辑 `{{else}}` 相当于 `else if`。 示例: ```html
``` 4、`{{html}}` 输出变量 html,但是没有 html 编码,适合输出 html 代码。 示例: ```html ``` 5、`tmpl()` 有两个比较有用的属性:`tem`、`data`。`item` 代表当前的模板;`data` 代表当前的数据。 示例: ```html
``` 6、`tmplItem()` 方法,使用这个方法可以获取从 `render` 出来的元素上重新获取 `item`。 ```javascript $('tbody').delegate('tr', 'click', function () { var item = $.tmplItem(this); alert(item.data.name); }); ```
0
相关文章
HTML5常用特性总结
CSS设置图片水平及垂直居中
CSS让元素水平垂直居中
JavaScript常用函数总结
JavaScript之window.location
全部分类
前端
后端
运维
架构
算法
数据库
移动应用
桌面应用
程序开发
热门标签
iOS
C++
Shell
爬虫
Qt
Linux
Kubernetes
Lua
JavaScript
Android
HTML
MySQL
PHP
macOS
CSS
Elasticsearch
NoSQL
OpenResty
Nginx
Objective-C
CentOS
Python
Composer
Docker
GUI
Git
Redis
Sphinx
多线程
MongoDB
Kafka
Supervisor
热门文章
Python爬虫之Beautiful Soup的使用
PHP常用函数总结
OpenResty+Lua+Kafka收集日志
Elasticsearch详解
iOS开发之定时执行任务
Kubernetes介绍
10种常见的软件架构模式
jquery.tmpl使用总结
iOS开发之WiFi传输文件
macOS常用命令