こんちには。
職人見習いの木村です。

jQueryの公式プラグインはいくつかありますが、今回は、テンプレートエンジンである「jQuery Templates」の使い方をご紹介します。

まずは、jQueryとjQuery Templatesを読み込みます。

次に、HTMLに以下のように、テンプレートを差し込む場所と、テンプレート自体を記述していきます。

1
<div></div>

そして、そのテンプレートに渡す値をJSの方で指定していきます。

1
2
3
4
$.getJSON('hoge.json', function(data) {
 $('#item').tmpl(data).appendTo('#container');
 //id='container'にテンプレートid='item'を挿入する。
}

JSON等などでAjax通信を必要とするアプリケーションを制作するときに、使えます。

※この記事は、なかの人（moresmileman）が書いています。