デザイナーにも分かりやすいjQuery入門講座|jQueryの使い方

このエントリーをはてなブックマークに追加
索引
Core:コアとなる仕組み
Selectors:セレクタ
Attributes:属性
Traversing:対象の変更
Manipulation:操作
CSS:スタイルシート
Events:イベント
Effects:演出効果
Ajax:xml等との連携
Utilities:ユーティリティ
Data:データ
Miscellaneous:諸々
Deferred:処理管理
Callbacks:コールバック
Internals:内部処理

element(html要素)html要素を選択

構文

html要素を選択
$("html要素")ver1.0〜

機能

セレクタにhtml要素を設定して、任意のhtml要素を選択します。
複数のタグをまとめて選択したい場合は複数のセレクタ(or)を参照してください。

解説

html要素を選択

サンプル(element/01.html)を開いてbody内にdiv要素が3つ、span要素が2つあることを確認して下さい。jQueryは以下の様に記述され、buttonをクリックするとdiv要素を選択するようにしました。選択した要素はcssメソッドを利用して背景色を緑にします。

$("button").click(function(){
	$("div").css("background-color","#cfc");
})

その結果、buttonをクリックするとdiv要素の背景色が緑になります。div要素が複数あっても全て選択されます。