jQuery の基礎

jQuery の基礎について説明します。

• jQuery コア
  まずは jQuery()、すなわち $ の基本的な使い方を説明しています。
• セレクターの種類
  jQuery では要素を一括で取得して、その集合に対して操作を行うというようなことができます。このため jQuery を利用する側ではコードが小さくなるという利点があります。 ここでは代表的なセレクターについて実例をまじえ説明します。
• DOM 要素の属性操作
  要素をセレクターで選んだら、それに対して CSS 等を含む属性を設定、削除、変更するなどします。
• 巡回 (トラバーシング)
  セレクターで一括でデータをとる時もあれば、 DOM の階層を意識した上で DOM ツリーを巡回する時もあるでしょう。ここではそうした例を示します。
• Ajax
  動的なアプリケーションでは今は基本となった感のある Ajax。jQuery を利用することで Ajax 的なアプローチを簡単にとれることがわかります。
  • Deferred による Ajax - 新しいメソッドの利用
• HTML 要素へのコンテンツの追加と要素の追加
  HTML タグ全体に対してコンテンツを追加するのは簡単です。またコンテンツだけではなく、その前後に要素を挿入するなどの操作も簡単に行えます。
• ドロップダウンボックスの操作
  • jQuery によるドロップダウンリストの操作
  • jQuery によるドロップダウンリストの OPTION 操作
• 要素の高さと幅を取得する方法
• iframe 内から親ページの要素にアクセスする方法