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.
?
?