A template is a way of specifying a function that produces a string in the output language (either in string or AST form) from a bundle of data using a syntax that is reminiscent of the output produced. Today we’ve come up with 10 JavaScript and jQuery Template Engines that you might find interesting to learn. Enjoy.
1. NANO – jQuery Template Engine
Simplest jQuery Templating Engine, perfect for JSON parsing.
SOURCE + DEMO
2. The “template” binding
The template binding populates the associated DOM element with the results of rendering a template. Templates are a simple and convenient way to build sophisticated UI structures – possibly with repeating or nested blocks – as a function of your view model data.
SOURCE DEMO
3. JsViews: Next-generation jQuery Templates
Interactive data-driven views, built on top of JsRender templates.
SOURCE DEMO
4. JsRender: Next-generation jQuery Templates
Optimized for high-performance pure string-based rendering, without DOM or jQuery dependency.
SOURCE DEMO
5. google-jstemplate
Simple and robust browser side template processing for Ajax based web applications.
SOURCE DEMO
6. The jQuery Templates Plugin
A templating plugin for jQuery. BETA. NO LONGER IN ACTIVE DEVELOPMENT OR MAINTENANCE. Issues remain open but are not being worked.
SOURCE DEMO
7. jQote2 – JavaScript Templating Revamped
jQote2 now returns a flat string representation of the converted template whereas its predecessor would give you a jQuery object.
SOURCE + DEMO
8. kite
KiTE is a Template Engine for JavaScript
SOURCE + DEMO
9. mustache.js
Logic-less {{mustache}} templates with JavaScript.
SOURCE + DEMO
10. Tempo 1.7
Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.
SOURCE DEMO
SOURCE
http://www.jquery4u.com/javascript/10-javascript-jquery-templates-engines/