An Introduction of jQuery Template

"jQuery templates are HTML markup with inline JavaScript expressions that are used to populate values in the markup. The jQuery Template plug-in applies data to the template and renders the output into the document object model (DOM)."

Here I am describing an example of JQuery template.



Here I have used two libraries, jquery-1.10.2.min.js and jquery.tmpl.min.js. You can download both the libraries from Download jQuery and jquery.tmpl.min.js

The actual template is included by SCRIPT tag with a special MimeType. Here the mimetype is unknown because when the browser encounters the SCRIPT tag with unknown mimetype, it ignores the contents of the tag.

$("#carTemplate").tmpl(Cars)

The above line selects the "carTemplate" and fills it with the Cars objects.

Now you can clearly understand the definition which has been given at the starting point of this article.