選擇器
基本選擇器(一般用于快速選擇節(jié)點)
$('#cr/.cr/div/*/cr, #cr').css('background','#FFAABB');
后代選擇器(后代包含子還包含孫子)
$('div span')
子元素選擇器(只選中兒子司草,不選擇孫子)
$('body > div')
相鄰選擇器(選擇相鄰的所有span元素)
$('div + span')
同輩選擇器(選擇同輩的所有span元素)
$('div ~ span')
過濾選擇器
$('div:first')
$('div:last')
$('div:not(.div1)')
$('div:odd')
$('div:even')
$('div:eq(index)')
$('div:gt(index)')//選取索引大于index的div元素
$('div:lt(index)')//選取索引小于index的div元素
$(':header')//選取所有標題元素
$(':animated')//選取當前正在執(zhí)行動畫的元素
$(':focus')//選取當前獲取焦點的元素
$('div:contains(text)')//選取文本含有text的div元素
$('div:empty')//選取不含子元素或者文本元素的空div元素
$('div:has(p)')//選取含有p標簽的div元素
$('div:parent')//選取含有子元素或文本的div元素
$(':hidden')//選取文檔流中不可見的元素
$('div:visible')//選取所有可見元素
$('div[title]')//選取擁有title屬性的div元素
$('div[title=test]')//選取title屬性值為test的div元素
$('div[title!=test]')//選取title屬性值不等于test的div元素
$('div[title^=te]')//選取title屬性值以te開頭的div元素
$('div[title$=st]')//選取title屬性值以st結(jié)尾的div元素
$('div[title*=es]')//選取title屬性值含有es的div元素
$('div[title]=en')//選取title屬性值是en或者前綴(指en后面有-即-)是en的div元素
$('div[title~=uk]')//選取title屬性值中用空格分隔開并含有uk的div元素
$('div[attribute1][attribute1][attribute1]')//選取復合屬性滿足條件的元素
$('div :nth-child(index)')//選取所有div元素中指定條件index的子元素(index:n/even/odd/3n/3n+1)
$('div :first-child')//選取所有div元素中的第一個子元素
$('div :last-child')//選取所有div元素中的最后一個子元素
$('div :only-child')//選取所有div元素中唯一的子元素
$('input :enabled')//選取所有可用的input元素
$('input :disabled')//選取所有不可用的input元素
$('input :checked')//選取所有被選中的input元素
$('select option:selected')//選中所有被選中select中的option元素
$(':input')//選中所有的input/textarea/select/button元素
$(':text')//選中所有的單行文本框
$(':password')//選中所有的密碼框
$(':radio')//選中所有的單選框
$(':checkbox')//選中所欲的復選框