jquery模板引擎有:1、NANO,可完美實現對JSON的解析;2、google-jstemplate,是針對Ajax Web應用程式的簡單、強健的瀏覽器端模板處理工具;3、JTemplate ,一款開源的前端模版引擎;4、jQote2等。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery模板引擎
#1、NANO
最簡單的jQuery 模板引擎,完美實作對JSON 的解析。
網址:https://github.com/trix/nano
2、google-jstemplate
針對Ajax Web 應用程式的簡單、強健的瀏覽器端模板處理工具。
網址: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中文網其他相關文章!