jQueryいまいちよく解っていなかったので調べてみました。データ記述言語の1つで、名前の割にJavascript専用ではなく、さまざまな言語間でのデータの受け渡しに互換性があります。2つの構造を基にしています。名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構造体、ディクショナリ、ハッシュテーブル、キーのあるリスト、連想配列として実現されています。ほとんどの言語で、これは配列として実現されています。http://www.json.org/json-ja.htmlAjax(googleマップで用いられているようなリアルタイムでデータを受信して受け渡す方法)でよく用いられている「XML」と同じような場面で用いることが出来ますが、JSONのほうが記法や内容が人間にとって理解しやすいという記事をちらほら見かけたりします。「XML」と「JSON」の違いはこの記事が解りやすそうです。泥のようにまぁ要するにテキストでいろいろ簡単に出来るよってことです。オブジェクト(や、連想配列)のデータを、文字列で表現できます。改行やダブルクォートを値に入れ込みたい場合は、バックスラッシュでエスケープしてください。ちなみに、シングルクォートは使うことが出来ません。Object(オブジェクト)基本的には「{」から「}」の間に「名前:値」のペアを書き込みます。名前の後には「:(コロン)」を入れてください。この値のところにオブジェクトを入れ子にしていくことで細かく分岐できたりします。Array(配列)配列は「[」で始まり、「]」で終わります。"値2"}]}]SublimeTextのキーバインド設定やパッケージのコマンドなんかはこんな感じの書き方ですね。この場合は0から始まるキーが自動で割り振られます。"値4"]この場合は0から始まるキーが自動で割り振られます。"値3"}]よくある書き方としては以上のような具合です。JSONをJQueryで取得して表示する今回はjQueryを使って、JSONデータを取り出してみます。JSONデータを取り出すためには「$.get()メソッド」を使います。これはAjax通信を行うためのものです。日本語リファレンスgetJSONでも可です。日本語リファレンス今回は例として、「気になる店舗を選んで情報を表示する」ことを想定して実装ます。選んだお店の情報が、表に出力されるようにしてみましょう。サンプルHTMLまず、htmlのselectとoption要素で、お店を選択できるようにします。value=””」(「data-○○=””」でも構いません)が、選択項目を識別するために重要な値となります。続いて、お店の住所と電話番号を表示するところ。初期値である「渋谷店」の情報を最初に書いておきます。&lt;dd&gt;これは【渋谷店】の住所です。class="place"&gt;&lt;dl&gt;&lt;dt&gt;Adress&lt;/dt&gt;&lt;dd&gt;これは【渋谷店】の住所です。class="tel"&gt;&lt;dl&gt;&lt;dt&gt;Tel&lt;/dt&gt;&lt;dd&gt;03-1111-1111&lt;/dd&gt;&lt;/dl&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;地図も入れちゃいましょう。--&gt;&lt;/div&gt;ここまでのコードに軽くCSSを指定してこのようにします。何もおきないデモこれだけでは何もおきませんね。次にJSONファイルを用意します。ここには今回のテーマにそって、お店のデータを書き込んでおくとします。"これは【渋谷店】の住所です。"これは【新宿店】の住所です。"これは【原宿店】の住所です。"これは【福岡天神店】の住所です。"これは【大阪天神店】の住所です。"これは【渋谷店】の住所です。"これは【新宿店】の住所です。"これは【原宿店】の住所です。"これは【福岡天神店】の住所です。"これは【大阪天神店】の住所です。店舗があるとしましょう。