jquery獲取對(duì)象的方法足以應(yīng)付常見的各種類型的對(duì)象
更新時(shí)間:2014年05月14日 17:36:38 作者:
獲取對(duì)象是比較常見的操作了,因?yàn)橄胍僮饕粋€(gè)對(duì)象之前,一定要先獲取,這是必須的,下面整理了常見對(duì)象的獲取方法,希望對(duì)大家有所幫助
(1)基本對(duì)象獲取
$("*")
獲取所有對(duì)象
$("#element")
獲取id為element的對(duì)象等同于document.getElementById(“element”);
$(".abc")
獲取class為abc的對(duì)象
$("div")
獲取html中所有的div元素
$("#a,.b,p")
獲取id為a和class為b以及所有p元素
$("#a .b p")
獲取id為a并且class為b元素下的p元素
(2)層級(jí)對(duì)象獲取
$("div>input")
獲取div下所有input對(duì)象
$("div+h")
獲取緊跟在div后的一個(gè)h元素
$("div~p")
獲取在元素div之后的所有p元素
(3)簡單對(duì)象獲取
$("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í)行動(dòng)畫效果的元素
(4)內(nèi)容對(duì)象的獲取和對(duì)象的可見性
$("Element:contains(text)")
元素中的文本是否包含某個(gè)字母或字符串
$("Element:empty")
獲得不包含文本或子元素的元素對(duì)象
$("Element:parent")
獲得對(duì)象元素包含文本或子元素
$("Element:has(selector)")
匹配含有某個(gè)元素是否包含某個(gè)元素 如$("p:has(span)")表示所有包含span元素的p元素
$("Element:hidden")
匹配所有不可見元素,包括display:none 以及input的屬性是hidden的元素
$("Element:visible")
匹配所有課件元素
(5)對(duì)象獲取進(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)")
選擇父級(jí)下的第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")
父級(jí)下的第一個(gè)子級(jí)元素
$("Element:last-child")
父級(jí)下的最后一個(gè)子級(jí)元素
$("Element:only-child")
父級(jí)下的唯一的一個(gè)子級(jí)元素
(7)表單對(duì)象的獲取
$(: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è)屬性
$("*")
獲取所有對(duì)象
$("#element")
獲取id為element的對(duì)象等同于document.getElementById(“element”);
$(".abc")
獲取class為abc的對(duì)象
$("div")
獲取html中所有的div元素
$("#a,.b,p")
獲取id為a和class為b以及所有p元素
$("#a .b p")
獲取id為a并且class為b元素下的p元素
(2)層級(jí)對(duì)象獲取
$("div>input")
獲取div下所有input對(duì)象
$("div+h")
獲取緊跟在div后的一個(gè)h元素
$("div~p")
獲取在元素div之后的所有p元素
(3)簡單對(duì)象獲取
$("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í)行動(dòng)畫效果的元素
(4)內(nèi)容對(duì)象的獲取和對(duì)象的可見性
$("Element:contains(text)")
元素中的文本是否包含某個(gè)字母或字符串
$("Element:empty")
獲得不包含文本或子元素的元素對(duì)象
$("Element:parent")
獲得對(duì)象元素包含文本或子元素
$("Element:has(selector)")
匹配含有某個(gè)元素是否包含某個(gè)元素 如$("p:has(span)")表示所有包含span元素的p元素
$("Element:hidden")
匹配所有不可見元素,包括display:none 以及input的屬性是hidden的元素
$("Element:visible")
匹配所有課件元素
(5)對(duì)象獲取進(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)")
選擇父級(jí)下的第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")
父級(jí)下的第一個(gè)子級(jí)元素
$("Element:last-child")
父級(jí)下的最后一個(gè)子級(jí)元素
$("Element:only-child")
父級(jí)下的唯一的一個(gè)子級(jí)元素
(7)表單對(duì)象的獲取
$(: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è)屬性
相關(guān)文章
jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入特效
這里給大家分享的是使用jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入的特效,效果相當(dāng)棒,后面附上瀑布流的實(shí)現(xiàn)思路和關(guān)鍵代碼,有需要的小伙伴可以參考下。2015-08-08
淺析jQuery中調(diào)用ajax方法時(shí)在不同瀏覽器中遇到的問題
這篇文章主要介紹了jQuery中調(diào)用ajax方法時(shí)在不同瀏覽器中遇到的問題,因不同瀏覽器默認(rèn)設(shè)置的不同造成的問題2014-06-06
Jquery Validation插件防止重復(fù)提交表單的解決方法
在項(xiàng)目開發(fā)中,測(cè)試人員報(bào)告缺陷說,即時(shí)有表單驗(yàn)證,但是如果快速點(diǎn)擊兩下“提交”按鈕,系統(tǒng)會(huì)產(chǎn)生兩條相同的記錄。2010-03-03
jQuery文本框(input textare)事件綁定方法教程
jquery的事件綁定已經(jīng)用on替換了原來的bind,接下來為大家分享下bind的使用方法及input textare事件2013-04-04
文本框只能選擇數(shù)據(jù)到文本框禁止手動(dòng)輸入
文本框只能上人家選擇數(shù)據(jù)進(jìn)去,不能手動(dòng)輸入,經(jīng)搜索研究發(fā)現(xiàn)個(gè)不錯(cuò)的解決方法,感興趣的朋友可以參考下2013-11-11
淺談jquery fullpage 插件增加頭部和版權(quán)的方法
下面小編就為大家分享一篇淺談jquery fullpage 插件增加頭部和版權(quán)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看2018-03-03

