jQuery独自のフィルターについて

◆jQuery独自のフィルター

★firstフィルター/lastフィルター
最初と最後を指定
＜例＞
＄（”li:first”）//リスト(li)の最初を指定
＄（”li:last”）//リスト(li)の最後を指定

疑似クラス(first-child/last-child)との違いはこちら→


★evenフィルター/oddフィルター
偶数と奇数を指定
＜例＞
＄（”li:even”）//リスト(li)の偶数を指定
＄（”li:odd”）//リスト(li)の奇数を指定


★eqフィルター/gtフィルター/ltフィルター
特定の順番を指定(順番は『0ゼロ』から)
＜例＞
＄（”li:eq（2）”）//リスト(li)の2番目を指定
＄（”li:gt（2）”）//リスト(li)の3番目以上指定
＄（”li:lt（2）”）//リスト(li)の１番目以下を指定
＜例＞



★headerフィルター
見出しをまとめて指定（h1～h6…）
＜例＞
＄（”:header”）




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

属性セレクターについて

◆属性セレクター
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独自のフィルター