最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

jquery獲取對(duì)象的方法足以應(yīng)付常見的各種類型的對(duì)象_jquery

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:23:14
文檔

jquery獲取對(duì)象的方法足以應(yīng)付常見的各種類型的對(duì)象_jquery

jquery獲取對(duì)象的方法足以應(yīng)付常見的各種類型的對(duì)象_jquery:(1)基本對(duì)象獲取$(*) 獲取所有對(duì)象 $(#element) 獲取id為element的對(duì)象等同于document.getElementById(element); $(.abc) 獲取class為abc的對(duì)象 $(div) 獲取html中所有的div元素 $(#a,.b,p) 獲取id為a和cl
推薦度:
導(dǎo)讀jquery獲取對(duì)象的方法足以應(yīng)付常見的各種類型的對(duì)象_jquery:(1)基本對(duì)象獲取$(*) 獲取所有對(duì)象 $(#element) 獲取id為element的對(duì)象等同于document.getElementById(element); $(.abc) 獲取class為abc的對(duì)象 $(div) 獲取html中所有的div元素 $(#a,.b,p) 獲取id為a和cl

(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è)屬性

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

jquery獲取對(duì)象的方法足以應(yīng)付常見的各種類型的對(duì)象_jquery

jquery獲取對(duì)象的方法足以應(yīng)付常見的各種類型的對(duì)象_jquery:(1)基本對(duì)象獲取$(*) 獲取所有對(duì)象 $(#element) 獲取id為element的對(duì)象等同于document.getElementById(element); $(.abc) 獲取class為abc的對(duì)象 $(div) 獲取html中所有的div元素 $(#a,.b,p) 獲取id為a和cl
推薦度:
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top