jQuery Templates: Step by Step Examples

App Example

Movies

Read-only rendering

API: $( "#template" ).tmpl( data ).appendTo( "#list");

Local data
Remote data

Tags - Content

${} and {{html}}
{{if}} and {{else}}
{{each}}
javascript demo

Tags - Composition

Hierarchical data - {{tmpl}}

Interactivity

Navigating through data

Switch templates: Accordion
Recursive Tree View - {{tmpl}}
Tabs View - {{wrap}}