• 技术文章 >web前端 >前端问答

    jquery模板引擎有哪些

    青灯夜游青灯夜游2022-05-24 19:38:45原创370

    jquery模板引擎有:1、NANO,可完美实现对JSON的解析;2、google-jstemplate,是针对Ajax Web应用程序的简单、强健的浏览器端模板处理工具;3、JTemplate,一款开源的前端模版引擎;4、jQote2等。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    jquery模板引擎

    1、NANO

    最简单的 jQuery 模板引擎,完美实现对 JSON 的解析。

    1.jpg

    地址:https://github.com/trix/nano

    2、google-jstemplate

    针对 Ajax Web 应用程序的简单、强健的浏览器端模板处理工具。

    2.jpg

    地址:http://google-jstemplate.googlecode.com/svn/trunk/jstemplate_example.html

    3、The jQuery Templates Plugin

    一个 jQuery 模板插件,该插件的开发工作目前处于停滞状态。

    4、jQote2

    这是 jQote 的第 2 个版本,是基于 jQuery 的最强大、通用的客户端模板引擎。

    地址:http://aefxx.com/jquery-plugins/jqote2/

    5、JTemplate

    JTemplate是基于jQuery的开源的前端模版引擎。

    在Jtemplate模板中可以使用if判断、foreach循环、for循环等操作,使用Jtemplate模板优点在于ajax局部刷新界面时候不必要拼接html语句、可以通过ajax获取JSON格式的数据、在模版中允许使用javascript代码、允许你创建串接模版、允许你在模版中创建参数、即时刷新,自动从服务器端获取更新内容。

    6、jsrender--前端模板引擎(jQuery模板)

    jsrender官网号称简单直观、强大轻快可扩展。压缩体积也只有8.9kb,可以单独在浏览器或node中使用,也可以配合jQuery使用。

    jsrender使用 {{}} 来做分界,如果{{}}与你现有的模板引擎冲突你可以使用api来自定义,比如:

    $.views.settings.delimiters("<%", "%>");
    
    //原本
    <p>{{:name}}</p>
    //修改后
    <p><%:name%></p>

    等等。。。。

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery模板引擎有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery中选择器分为哪三种 下一篇:jquery怎么判断元素是否有子节点
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• jquery怎么让光标消失• jquery怎么删除div的某个属性• jquery有哪些第三方插件• jquery中用什么属性• jquery怎么去掉div的背景• jquery是什么的一个类库
    1/1

    PHP中文网