jquery模板引擎有：1、NANO，可完美實現(xiàn)對JSON的解析；2、google-jstemplate，是針對Ajax Web應(yīng)用程序的簡單、強(qiáng)健的瀏覽器端模板處理工具；3、JTemplate，一款開源的前端模版引擎；4、jQote2等。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

jquery模板引擎

1、NANO

最簡單的 jQuery 模板引擎，完美實現(xiàn)對 JSON 的解析。

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

2、google-jstemplate

針對 Ajax Web 應(yīng)用程序的簡單、強(qiáng)健的瀏覽器端模板處理工具。

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

3、The jQuery Templates Plugin

一個 jQuery 模板插件，該插件的開發(fā)工作目前處于停滯狀態(tài)。

4、jQote2

這是 jQote 的第 2 個版本，是基于 jQuery 的最強(qiáng)大、通用的客戶端模板引擎。

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

5、JTemplate

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

在Jtemplate模板中可以使用if判斷、foreach循環(huán)、for循環(huán)等操作，使用Jtemplate模板優(yōu)點在于ajax局部刷新界面時候不必要拼接html語句、可以通過ajax獲取JSON格式的數(shù)據(jù)、在模版中允許使用javascript代碼、允許你創(chuàng)建串接模版、允許你在模版中創(chuàng)建參數(shù)、即時刷新，自動從服務(wù)器端獲取更新內(nèi)容。

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

jsrender官網(wǎng)號稱簡單直觀、強(qiáng)大輕快可擴(kuò)展。壓縮體積也只有8.9kb，可以單獨在瀏覽器或node中使用，也可以配合jQuery使用。

jsrender使用 {{}} 來做分界，如果{{}}與你現(xiàn)有的模板引擎沖突你可以使用api來自定義，比如：

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

等等。。。。

【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】