当前位置: 首页 > 科技观察

jQueryPlugin-MicrosoftjQueryTemplates

时间:2023-03-14 14:03:21 科技观察

我们知道微软已经全面支持jQuery,并且在MVC项目中默认添加了jQuery,这给我们Asp.net开发者带来了福音。目前,微软已经为jQuery开发了三个jQuery插件,分别是jQueryGlob、jQueryTemplates和jQueryDataLinking。考虑到国内开发者很少使用黑客,我就不介绍了,有兴趣的可以谷歌一下。本文先看jQueryTemplates:jQueryTemplates使开发者可以轻松地将javascript对象绑定到html,而不需要我们机械地一个一个绑定数据。jQueryTemplates支持简单的语法,这样我们就可以得到想要的html结果。jQueryTemplates的使用方法如下:首先我们需要引用jQuery文件和jQuery.tmpl文件,如下:使用jQuery模板,我们应该嵌入内容显示在我们使用Template可以显示javascript对象或者javascript对象数组,下面是我们要用来显示的javascript对象数组和jQuery方法:varusers=[{name:"我的朋友",网址:"http://www.jquery001.com"},{name:"jQuery学习",网址:"http://www.jquery001.com"}];$(文件).ready(函数(){$("#usertemplate").render(我们ers).appendTo("#userinfo");});render()方法将数据转为字符串,***将数据追加到userinfo元素中,页面加载后的执行结果如下图所示:前面提到,jQueryTemplates简单语法即可in,以便我们可以根据需要显示数据。例如,在这个例子中,例如某人有多个网站。让我们看看下面的简单if和each方法。javascript对象数组如下:varusers=[{name:"我的朋友",websites:["jquery001.com","google.com"]},{name:"jQuery学习",websites:["jquery001.com"]},{name:"jQuery",网站:[]}];下面展示Template中if和each方法的使用,就不多说了,我们用户用过一两次就会记下来语法:

下图是***的结果,你可能已经预料到。当然,本文只是对jQueryTemplates的基本使用进行了非常简单的介绍,希望对读者有所帮助。原文链接:http://www.jquery001.com/jquery-templates.html