jQuery中選擇器的歸納總結

jQuery中的選擇器有很多，例如基本選擇器，表單選擇器，過濾選擇器等等，有些不經常使用，就容易忘記，最近對jQuery中的選擇器做了一個總結，方便自己可以查看，同時分享給大家，希望可以幫助你。

基本選擇器

//ID選擇器  $("#id") 

//元素選擇器     $("div")

//類別選擇器        $(".classname")  

//組合選擇器    $(".classname,.classname1,#id1") 

# #層次選擇器

//子元素選擇器     $("#id>.classname") 

//後代元素選擇器   $("#id .classname") //緊鄰下一個元素選擇器   $("#id .classname")

//兄弟元素選擇器    $("#id ~ .classname")   

過濾選擇器

//第一個li   $("li:first")

//最後一個li    $("li:last")  

//挑選下標示為偶數的li   $("li:even") 

//挑選下標示為奇數的li    $("li:odd")

//下標等於4的li     $("li:eq(4)")//下標大於2的li   $("li:gt(2)") 

#//下標小於2的li   $("li:lt(2)")    

//挑選除id="runoob" 以外的所有li  $("li:not(#runoob)" )

內容過濾選擇器

// 包含Runob文字的元素   $("div:contains('Runob')") / /不包含子元素或文字的空白元素   $("td:empty")         

//含有選擇器所符合的元素      $("div:has(selector)") 

//含有子元素或文字的元素      $("td:parent") 

可見性過濾選擇器

//符合所有不可見元素，或type為hidden的元素  $("li:hidden") 

//匹配所有可見元素     $("li:visible")

#屬性過濾選擇器

#//所有含有id 屬性的div元素   $("div[id]")     

###// id屬性值為123的div元素   $("div[id='123']" )  ######// id屬性值不等於123的div元素      $("div[id!='123']") #######// id屬性值以qq開頭的div元素       $##// id屬性值以qq開頭的 div   $ ("div[id^='qq']")######// id屬性值以zz結尾的div元素        $("div[id$='zz']")  ####### // id屬性值包含bb的div元素      $("div[id*='bb']") ######//多重屬性選過濾，同時滿足兩個屬性的條件的元素       $("input [id][name$='man']")#########狀態過濾選擇器#########// 符合可用的input  $("input:enabled")   # #####// 符合不可用的input   $("input:disabled") ######// 符合選取的input  $("input:checked")   #######// 符合選取的option  $("option:selected")#########表單選擇器#########//符合所有input, textarea, select 和button 元素   $(":input") ######//所有的單行文字框，$(":text") 等價於$("[type=text]")，建議使用$("input:text")效率更高，下同    $(":text") ######//所有密碼框      $(":password") ######//所有單選按鈕  $(":radio")    ###### #//所有複選框   $(":checkbox")######//所有提交按鈕   $(":submit") ######//所有重置按鈕    $(":reset" )  ######//所有button按鈕    $(":button") ######//所有檔案網域    $(":file")###

以上是jQuery中選擇器的歸納總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！