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

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

:header見出し要素を選択

構文

見出し要素を選択
$(":header")ver1.2〜
※:(コロン)を忘れないように注意しましょう

機能

:(コロン)に続けてheaderを設定すると見出し要素全てを選択します。

解説

見出し要素の選択

サンプル(header/01.html)を開いてbody内にh1〜h6の見出し要素があることを確認してください。jQueryには以下の様に記述され、buttonをクリックすると見出し要素を全て選択し、cssメソッドを利用して背景色をピンクに変更しています。

$("button").click(function(){
	$(":header").css("background-color","#FCC");
});