网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

jQuery插件jQueryTemplates怎么用

本篇文章给大家分享的是有关jQuery插件jQuery Templates怎么用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

成都创新互联专注于企业全网营销推广、网站重做改版、雨花台网站定制设计、自适应品牌网站建设、H5建站电子商务商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为雨花台等各大城市提供网站开发制作服务。

我们知道微软早已开始全面支持jQuery,并在MVC项目中默认添加了jQuery,这对我们广大Asp.net开发者带来了福音。目前,微软已经为jQuery开发了三款jQuery插件,分别为jQuery Glob、jQuery Templates和jQuery Data Linking。由于考虑到国内开发者有很少使用者,我就不进行介绍了,先看下jQuery。 Templates:

jQuery  Templates使开发者能方便的将javascript对象绑定到html中,而不需要我们一个文本框一个文本框机械的来绑定数据。jQuery  Templates支持简单的语法,使我们能够得到想要的html结果,使用jQuery Templates方法如下:

首先,我们需要引用jQuery文件和jQuery.tmpl文件,如下:

 

使用jQuery Templates我们应将要显示的内容嵌入到

我们使用Template可以显示javascript对象或者javascript对象数组,下边是我们将要用来显示的javascript对象数组和jQuery方法:

var users = [     { name: "朋友的你", website: "http://www.jquery001.com" },     { name: "jQuery学习", website: "http://www.jquery001.com" } ]; $(document).ready(function () {     $("#usertemplate")     .render(users)     .appendTo("#userinfo"); });

render()方法将数据转换为串,***将数据追加到userinfo元素,页面加载后执行结果如下图所示:

jQuery插件jQuery Templates怎么用

前边说过,jQuery Templates中可以使用简单的语法,这样我们可以根据需要来显示数据。比如在本例中,比如某人有多个网站,下边我们看看简单的if和each方法。javascript对象数组如下:

var users = [     { name: "朋友的你", websites: ["jquery001.com", "google.com"] },     { name: "jQuery学习", websites: ["jquery001.com"] },     { name: "jQuery", websites: [] } ];

下边显示了使用Template中的if、each方法,也没有过多可说的,我们使用者使用一两次也就记下了它的语法:

       UserName:{{= name}}     {{if websites.length}}     Websites:     
             {{each(i,website) websites}}         
  • {{= website}}
  •          {{/each}}     
     {{/if}} 
 

下图显示了***的结果,可能您已经预料到了。当然了本篇只是非常简单的介绍了下jQuery Templates的基本使用方法,希望对读者有所帮助。

jQuery插件jQuery Templates怎么用

以上就是jQuery插件jQuery Templates怎么用,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


分享名称:jQuery插件jQueryTemplates怎么用
路径分享:http://bjjierui.cn/article/pdhddj.html

其他资讯