jquery擷取對象的方法足以應付常見的各種類型的對象

來源:互聯網
上載者:User

(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後的一個h元素

$("div~p")
擷取在元素div之後的所有p元素

(3)簡單對象擷取

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

$("element:last")
擷取頁面上某個元素的最後一個如$("div:frist")表示最後一個div

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

$("element:even")
擷取element元素的偶數行

$("element:odd")
擷取元素的奇數行

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

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

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

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

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

(4)內容對象的擷取和對象的可見度

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

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

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

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

$("Element:hidden")
匹配所有隱藏元素,包括display:none 以及input的屬性是hidden的元素

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

(5)對象擷取進階

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

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

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

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

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

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

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

(6)子項目的擷取

$("Element:nth-child(index)")
選擇父級下的第N個子項目,索引從1開始
:nth-child(even)偶數
:nth-child(odd)奇數
:nth-child(3n)運算式
:nth-child(2)索引
:nth-child(3n+1)運算式

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

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

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

(7)表單對象的擷取

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

$(:text)
所有當行文字框

$(:password)
所有密碼框

$(:radio)
所有選項按鈕

$(:checkbox)
所有複選框

$(:submit)
所有提交按鈕

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

$(:button)
所有按鈕

$(:file)
所有的檔案上傳域

$(:hidden)
所有隱藏元素或者type為hidden的元素

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

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

$(:checked)
所有複選框元素

$(:selected)
所有下拉表

(8)元素屬性的設定與移除

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

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

$("Element").attr(key,value)
為某個元素設定屬性

$("Element").attr(key,function)
為所有匹配的元素設定一個計算的屬性

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.