欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

常見的jQuery選擇器匯總

 更新時(shí)間：2014年11月24日 09:25:50   投稿：hebedich  
本文匯總介紹了常見的jQuery選擇器知識，包含基本元素選擇器、分層選擇器、基本條件選擇器、內(nèi)容條件選擇器、可見性條件選擇器、屬性選擇器、子元素選擇器、表單元素選擇器、表單屬性選擇器。十分的詳盡，有需要的小伙伴參考下吧

基本元素選擇器

復(fù)制代碼 代碼如下:

$("p")
$("p.ii")選取所有class=ii的 p元素
$("p#demo")選取id=demo的第一個(gè)p元素

分層選擇器

復(fù)制代碼 代碼如下:

$("div input")div 下的所有input
$("div>input")

基本條件選擇器

復(fù)制代碼 代碼如下:

$("p:first")
$("p:last")
$("tr:even")選擇偶數(shù)行
$("tr:odd")奇數(shù)
$("input:not(:checked)")選擇所有為本選中的元素
$("tr:eq(1)")索引值為1的表格
$("tr:gt(0)")大于0
$("tr:lt(0)")小于0
$(":header")選擇所有標(biāo)題元素
$(":animated")正在執(zhí)行的動(dòng)畫

內(nèi)容條件選擇器

復(fù)制代碼 代碼如下:

$("div:constains('ddd')")選擇包含ddd文本的層元素
$("td:empty")選擇不包含文本或者子元素的表格單元
$("div:has(p)")選擇包含段落元素的層元素
$("td:parent")選擇包含子元素或者文本的表格單元

可見性條件選擇器

復(fù)制代碼 代碼如下:

$("tr:hidden")  //選擇所有隱藏的表格
$("tr:visible") 選擇所有可見的表格

屬性選擇器

復(fù)制代碼 代碼如下:

$("div[id]")具有id屬性的層
$("input[name='']") input屬性name=''
$("input[name!='']")
$("input[name^='']")選擇具有name屬性并且值為‘'為起始內(nèi)容的表單輸入元素
$("input[name$='']")選擇具有name屬性并且值為‘'為結(jié)束內(nèi)容的表單輸入元素
$("input[name*='']")選擇具有name屬性并且值為‘'的表單輸入元素
$("input[id][name$='']")選擇具有id和name屬性的值以‘'為結(jié)束內(nèi)容的輸入表單元素

子元素選擇器

復(fù)制代碼 代碼如下:

$("ul li:nth-child(2)")選擇第二個(gè)列表項(xiàng)
$("ul li:nth-child(even)")
$("ul li:nth-child(odd)")
$("ul li:nth-child(3n)")
$("ul li:first-child")
$("ul li:last-child")
$("ul li:only-child")選擇列表出現(xiàn)且僅出現(xiàn)一個(gè)列表項(xiàng)

表單元素選擇器

復(fù)制代碼 代碼如下:

$("input")選擇所有 input textarea select button等元素
$(":text")文本行
$(":password")
$(":radio")
$(":checkbox")
$(":submit")
$(":image")
$(":reset")
$(":button")
$(":file")
$(":hidden")

表單屬性選擇器

復(fù)制代碼 代碼如下:

$("input:enabled")  //選擇所有可用
$("input:disabled")
$("input:checked")
$("select:option:selected")

相關(guān)文章

最新評論