首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery模板 :(1) 被纳入Jquery 插件,轻量强大但去遭到废弃的tmpl

2013-08-04 
jQuery模板 :(一) 被纳入Jquery 插件,轻量强大但去遭到废弃的tmpl例子虽然很小也很简单,但我觉得这个已经

jQuery模板 :(一) 被纳入Jquery 插件,轻量强大但去遭到废弃的tmpl

例子虽然很小也很简单,但我觉得这个已经很有用了。

当然,.tmpl()还可以使用来自远端的数据,比如说服务:

定义模板时,推荐的方式为定义使用

编译缓存模板,在jQuery .tmpl()中,还可以将模板事先编译并缓存起来,然后在合适的时侯再使用,这对于一些数据嵌套是很有用的,如:

Html

$.template()方法,将一段Html编译为模板,示例:

Javascript

jQuery .tmpl()有两个比较有用的属性:$item$data:

$item代表当前的模板;$data代表当前的数据。

Html

{{each}}这个标签一看就知道是做循环用的了,用法如下:

Html

{{each}}还有另一种写法:

Javascript

{{html}},直接将对象属性值作为HTML代码替换占位符:

Javascript

{{tmpl}},前面已经提过该标签了,这里再给一个使用参数的例子:

Javascript

{{wrap}},包装器,这回不需要指定对哪一个元素使用模板了,直接生成模板的包装器,示例:

Html

$.tmplItem()方法,使用这个方法,可以获取从render出来的元素上重新获取$item,示例:

?

?

了解完tmpl的基本语法和用法后,下面将接着学习新一代的Jquery模板技术:JsRender,JsView,JsObserable.

?

?