What are the jquery template engines?

jquery template engines include: 1. NANO, which can perfectly parse JSON; 2. google-jstemplate, which is a simple and powerful browser-side template processing tool for Ajax web applications; 3. JTemplate , an open source front-end template engine; 4. jQote2, etc.

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

jquery template engine

1, NANO

The simplest jQuery template engine, perfect Implement parsing of JSON.

Address: https://github.com/trix/nano

2, google-jstemplate

A simple and robust browser-side template processing tool for Ajax web applications.

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

3. The jQuery Templates Plugin

A jQuery template plug-in, the development of which is currently at a standstill.

4, jQote2

This is the second version of jQote, the most powerful and versatile client-side template engine based on jQuery.

Address: http://aefxx.com/jquery-plugins/jqote2/

5. JTemplate

JTemplate is open source based on jQuery Front-end template engine.

You can use if judgment, foreach loop, for loop and other operations in the Jtemplate template. The advantage of using the Jtemplate template is that there is no need to splice html statements when ajax partially refreshes the interface. You can obtain JSON format data through ajax. In the template It allows the use of javascript code, allows you to create concatenated templates, allows you to create parameters in templates, instant refresh, and automatically obtain updated content from the server.

6. jsrender--front-end template engine (jQuery template)

jsrender official website is known as simple and intuitive, powerful, light and scalable. The compressed size is only 8.9kb and can be used alone in the browser or node, or with jQuery.

jsrender uses {{}} for demarcation. If {{}} conflicts with your existing template engine, you can use the API to customize it, such as:

$.views.settings.delimiters("<%", "%>");

//原本
<p>{{:name}}</p>
//修改后
<p><%:name%></p>

and so on. . . .

[Recommended learning: jQuery video tutorial, web front-end video]

The above is the detailed content of What are the jquery template engines?. For more information, please follow other related articles on the PHP Chinese website!