jqueryのセレクタについてまとめてみました。
-----------------------------------------------
■セレクタで処理対象のDOM要素を指定する
-----------------------------------------------
要素名での指定
$("要素名")
（例） p要素に対しての処理
$("p").css('color','red');
-----------------------------------------------
ID名での指定
$("#ID名")
（例） id＝wakuに対しての処理
$("#waku").css('color','red');
-----------------------------------------------
クラス名での指定
$(".クラス名")
（例） claaa＝kusaに対しての処理
$(".kusa").css('color','red');
-----------------------------------------------
直下の子要素
>
（例） ID=mainの直下のクラス=sub3の要素
$("#main > #sub3").css('color','blue');
-----------------------------------------------
それ以下の要素
(space)
（例） ID=mainの下のクラス=mark1の要素
$("#main .mark1").css('color','blue');
-----------------------------------------------
複数の要素
,（カンマ）区切り
（例） p要素とクラス＝mark1の要素
$("p , .mark1").css('color','red');
-----------------------------------------------
隣接する要素
+（プラス）
（例） クラス=mark1の隣のクラス=mark1だけ
$(".mark1 + .mark1").css('color','red');
-----------------------------------------------
・フィルタによる指定
何番目
eq()
（例） ID=mainの直下の子要素liの1番目（0スタート）
$("#main > li:eq(2)").css('color','red');
-----------------------------------------------
より大きい
gt()
（例） ID=kusaの直下のli要素の1番目より大きい（0スタート）
$("#kusa > li:gt(1)").css('color','red');
-----------------------------------------------
より小さい
lt()
（例） ID=kusaの直下のli要素の3番目より小さい（0スタート）
$("#kusa > li:lt(3)").css('color','red');
-----------------------------------------------
偶数
even
（例） ID=kusaの直下のli要素の偶数番目（0スタート）
$("#kusa > li:even").css('color','red');
-----------------------------------------------
奇数
odd
（例） ID=kusaの直下のli要素の奇数番目（0スタート）
$("#kusa > li:odd").css('color','red');
-----------------------------------------------
含まれる
contains
（例） ID=kusaの直下のli要素に指定した文字が含まれる場合
$("#kusa > li:contains('４')").css('color','red');
-----------------------------------------------
一番上
first
（例） ID=kusaの直下の一番上のli要素
$("#kusa > li:first").css('color','red');
-----------------------------------------------
一番下
last
（例） ID=kusaの直下の一番下のli要素
$("#kusa > li:last").css('color','red');
-----------------------------------------------
・メソッドによる指定
親
parent()
（例） ID=honの親要素
$("#hon").parent().css('color','red');
-----------------------------------------------
子
children()
（例） ID=honの子要素
$("#hon").children().css('color','red');
-----------------------------------------------
次
next
（例） ID=honの下の2番目のli要素の次
$("#hon > li:eq(2)").next().css('color','red');
-----------------------------------------------
前
prev
（例） ID=honの下の2番目のli要素の前
$("#hon > li:eq(2)").prev().css('color','red');
-----------------------------------------------
兄弟要素
siblings
（例） ID=honの下の2番目のli要素と同列にある兄弟要素
$("#hon > li:eq(2)").siblings().css('color','red');
-----------------------------------------------
■属性セレクタ
HTMLに含まれる属性によって選択する方法
イコール
=
（例） a要素のhref属性が"www.google.com"であるもの
$('a[href="www.google.com"]').css('background','red');
-----------------------------------------------
否定
!=
（例） a要素のhref属性が"www.google.com"以外であるもの
$('a[href!="www.google.com"]').css('background','red');
-----------------------------------------------
含まれる
*=
（例） a要素のhref属性が"com"を含むもの
$('a[href*="com"]').css('background','red');
-----------------------------------------------
＊＊で始まるもの
^=
（例） a要素のhref属性が"www"で始まるもの
$('a[href^="www"]').css('background','red');
-----------------------------------------------
＊＊で終わるもの
$=
（例） a要素のhref属性が"jp"で終わるもの
$('a[href$="jp"]').css('background','red');
