属性セレクターについて

◆属性セレクター
IDとかtitleとかaltとか、属性を一括して選択できる。

★[***]←この中にいれる
【例】
$(”[ id ]”).ｃｓｓ（”color”,”red”）
idすべてに…

＜要素 title=step＞属性の値を指定するときは↓↓
$(”[ title＝’step’ ]”).ｃｓｓ（”color”,”red”）
※シングルクォーテーションで囲みます。


↓↓反対にそれ以外にかけたい時は
$(”li[ title!＝’step’ ]”).ｃｓｓ（”color”,”red”）
属性のあとに『！びっくりマーク』入れる
※必ず、要素を指定


属性の値の共通部分のみでも選択できる。

↓↓『ｆ』ではじまる値に…のときは、"^"キャレットをいれる。
$(”[ title^＝’ｆ’ ]”).ｃｓｓ（”color”,”red”）
＜p title＝"firest"＞＜/p＞
＜p title＝"second"＞＜/p＞
＜p title＝"fan"＞＜/p＞

『ｄ』で終わる値に…のときは、”＄”ドルマークを入れる。

どこかに『ir』とはいってる値を選択することもできる。
そのときは”*”アスタリスクを入れる。
↑の場合はタイトルに『ir』
title＝"first"とか、title＝"air"とか。


ここで、二つの条件をいれることもできる。
↓↓頭に『ｆ』がついてて、かつどっかに『a』がはいってるtitle
$(”[ title^＝’ｆ’ ][ title$＝’a’ ]”).ｃｓｓ（”color”,”red”）
＜p title＝"firest"＞＜/p＞
＜p title＝"second"＞＜/p＞
＜p title＝"fan"＞＜/p＞


jQuery　-はじめに-
セレクターについて
jQuery独自のフィルター