（1）基本對象獲取

$("*")
獲取所有對象

$("#element")
獲取id為element的對象等同于document.getElementById（“element”）；

$(".abc")
獲取class為abc的對象

$("div")
獲取html中所有的div元素

$("#a，.b，p")
獲取id為a和class為b以及所有p元素

$("#a .b p")
獲取id為a并且class為b元素下的p元素

（2）層級對象獲取

$("div>input")
獲取div下所有input對象

$("div+h")
獲取緊跟在div后的一個(gè)h元素

$("div~p")
獲取在元素div之后的所有p元素

（3）簡單對象獲取

$("element:first")
獲取頁面上某個(gè)元素的第一個(gè)如$("div:frist")表示第一個(gè)div

$("element:last")
獲取頁面上某個(gè)元素的最后一個(gè)如$("div:frist")表示最后一個(gè)div

$("element:not(selector)")
去除所有與選擇器匹配的元素如$("input:not(:check)")表示所有未被選中的復(fù)選框

$("element:even")
獲取element元素的偶數(shù)行

$("element:odd")
獲取元素的奇數(shù)行

$("element:eq(index)")
獲取特定索引的元素 如$("div:el(2)")表示第三個(gè)div

$("element:gt(index)")
匹配所有大于給定索引值的元素

$("element:lt(index)")
匹配所有小于給定索引的元素

$(":header")
匹配h標(biāo)記的元素

$("element:animated")
匹配所有沒有執(zhí)行動畫效果的元素

（4）內(nèi)容對象的獲取和對象的可見性

$("Element:contains(text)")
元素中的文本是否包含某個(gè)字母或字符串

$("Element:empty")
獲得不包含文本或子元素的元素對象

$("Element:parent")
獲得對象元素包含文本或子元素

$("Element:has(selector)")
匹配含有某個(gè)元素是否包含某個(gè)元素 如$("p:has(span)")表示所有包含span元素的p元素

$("Element:hidden")
匹配所有不可見元素，包括display:none 以及input的屬性是hidden的元素

$("Element:visible")
匹配所有課件元素

（5）對象獲取進(jìn)階

$("Element[id]")
獲取所有帶有id屬性的元素

$("Element[attribute=abcd]")
獲取所有某個(gè)屬性為abcd的元素

$("Element[attribute!=abcd]")
獲得所有某個(gè)屬性不為abcd的元素

$("Element[attribute^=ab]")
獲得所有某個(gè)屬性以ab開頭的元素

$("Element[attribute$=ab]")
獲得所有某個(gè)屬性以ab結(jié)尾的元素

$("Element[attribute*=ab]")
獲得所有含有某個(gè)屬性包含ab的元素

$("Element[selector1][selector2][.....]")
符合屬性選擇器 如$("input[id][name][value=abcd]")表示獲得帶有ID、Name以及value是abcd的input元素

（6）子元素的獲取

$("Element:nth-child(index)")
選擇父級下的第N個(gè)子元素，索引從1開始
:nth-child(even)偶數(shù)
:nth-child(odd)奇數(shù)
:nth-child(3n)表達(dá)式
:nth-child(2)索引
:nth-child(3n+1)表達(dá)式

$("Element:first-child")
父級下的第一個(gè)子級元素

$("Element:last-child")
父級下的最后一個(gè)子級元素

$("Element:only-child")
父級下的唯一的一個(gè)子級元素

（7）表單對象的獲取

$(:input)
只能匹配input元素類型為 input button select textarea

$(:text)
所有當(dāng)行文本框

$(:password)
所有密碼框

$(:radio)
所有單選按鈕

$(:checkbox)
所有復(fù)選框

$(:submit)
所有提交按鈕

$(:image)
所有圖片域
$(:reset)
所有充值按鈕

$(:button)
所有按鈕

$(:file)
所有的文件上傳域

$(:hidden)
所有不可見元素或者type為hidden的元素

$(:enabled)
所有可用input元素

$(:disabled)
所有不可用input元素

$(:checked)
所有復(fù)選框元素

$(:selected)
所有下拉表

（8）元素屬性的設(shè)置與移除

$("Element").attr(name)
取得第一個(gè)匹配元素的屬性值 如$("img").attr("src");

$("Element").attr({key:value,key:value,......})
為某一個(gè)元素一次性設(shè)置多個(gè)屬性

$("Element").attr(key,value)
為某個(gè)元素設(shè)置屬性

$("Element").attr(key,function)
為所有匹配的元素設(shè)置一個(gè)計(jì)算的屬性

$("Element").removeAttr(name)
移除某一個(gè)屬性

最新評論