首页
文章
留言
首页
文章
留言
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
相关文章
JavaScript常用函数总结
JavaScript之window.location
HTML5常用特性总结
CSS让元素水平垂直居中
CSS设置图片水平及垂直居中
全部分类
前端
后端
运维
架构
算法
数据库
移动应用
桌面应用
程序开发
热门标签
Kubernetes
Sphinx
MongoDB
Git
C++
PHP
CSS
Kafka
OpenResty
Python
Linux
Docker
爬虫
HTML
Lua
Qt
Android
JavaScript
Objective-C
GUI
iOS
Redis
CentOS
macOS
Elasticsearch
Supervisor
Composer
NoSQL
MySQL
多线程
Shell
Nginx
热门文章
OpenResty+Lua+Kafka收集日志
HTML5常用特性总结
Kubernetes介绍
iOS开发之Touch ID指纹解锁实例
iOS开发之定时执行任务
jquery.tmpl使用总结
Nginx常用配置说明
JavaScript常用函数总结
CSS设置图片水平及垂直居中
iOS开发之WiFi传输文件