jQuery選擇器大全-創(chuàng)新互聯(lián)

jQuery基本選擇器:

站在用戶的角度思考問題,與客戶深入溝通,找到婁星網(wǎng)站設(shè)計與婁星網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗(yàn)好的作品,建站類型包括:網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋婁星地區(qū)。

$(“#elem”) ——選取id為elem的元素,返回單個元素。

$(“.test”)——獲取元素集合,返回class為test的元素集合。

$(“P”)—— 獲取標(biāo)簽集合,返回所有的p標(biāo)簽。

$(“*”) —— 返回所有的元素。

$(“p,div,td.myClass”) —— 返回p標(biāo)簽,div,和class為myClass的元素集合。

jQuery層次選擇器:

$(“ancestor descendant”)——選取ancestor元素里的所有descendant元素。$(“div span”)選取<div>里的所有的<span>元素。

$(“parent>child”)——選取parent元素下的child(子)元素。$(“div>span”)選取<div>元素下元素名是<span>的子元素。

$(“prev+next”)——選取緊接在prev元素后的next元素。$(“.one + div”)選取class為one的下一個<div>元素。

$(“prev~siblings”)——選取prev元素之后的所有兄弟元素。$(“#elemId~div”)選取id為elemId的元素后的所有<div>兄弟元素。

jQuery過濾選擇器:

基本過濾選擇器:

     :first——選取第一個元素,$(“div:first”)選取所有<div>元素中第一個<div>元素

     :last——選取最后一個元素,$(“div:last”)選取所有<div>元素中最后一個<div>元素

     :not(selector)——去除所有與給定選擇器匹配的元素,$(“input:not(.myClass)”選取class不是myClass的<input>元素。

     :eves——選取索引是偶數(shù)的所有元素,索引從0開始。$(“input:even”)選取索引是偶數(shù)<input>元素。

     :odd——選取索引是奇數(shù)的所有元素,索引從0開始。$(“input:odd”)選取索引是奇數(shù)<input>元素。

     :eq(index)——選取索引等于index的元素,index從0開始。$(“input:eq(1)”)選取索引等于1的元素。

  :gt(index)——選取索引大于index的所有元素,index從0開始。$(“input:gt(1)”)選取索引大于1的元素。

  :lt(index)——選取索引小于index的所有元素,index從0開始。$(“input:lt(1)”)選取索引小于1的元素。

    :header——選取所有的標(biāo)題元素,例如h2,h3..hn等等。$(“:header”)選取網(wǎng)頁中所有的<h2>,<h3>,<h4>….

     :animated——選取當(dāng)前正在執(zhí)行動畫的所有元素。$(“div:animated”)選取正在執(zhí)行動畫的<div>元素。

     內(nèi)容過濾器:

     :contains(text)——選取含有文本內(nèi)容為“text”的所有元素。$(“div:contains(“helloKitty”)”)選取含有文本為“helloKitty”的<div>元素。

     :empty——選取不包含子元素或者文本的空元素。$(“div:empty”)選取不包含子元素(包括文本元素)的<div>空元素。

     :has(selector)——選取含有選擇器所匹配的元素的元素。$(“div:has(p)”)選取含有<p>元素的<div>元素。

     :parent——選取含有子元素或者文本的元素。$(“div:parent”)選取用友子元素(包括文本元素)的<div>元素。

可見性過濾選擇器:

:hidden——選取所有不可見的元素。 $(“:hidden”)選取所有的不可見的元素。包括<input type=”hidden”/>,<div style=”displey:none;”>和<div style=”visibility:hidden;”>等元素,如果只想選取<input>元素,使用$(“input:hidden”).

:visible——選取所有可見的元素。$(“div:visible”)選取所有可見的<div>元素。

屬性過濾選擇器:

[attribute]——選取擁有此屬性的元素。$(“div[id]”)選取用id屬性的div元素。

[attribute=value]——選取屬性的值為value的元素。$(“div[name=hellokitty]”)選取屬性name為“hellokitty”的<div>元素。

[attribute!=value]——選取屬性的值不等于value的元素。$(“div[name!=hellokitty]”)選取屬性name不等于“hellokitty”,或者沒有name屬性的<div>元素。

[attribute^=value]——選取屬性的值以value開始的元素。$(“div[name^=hellokitty]”)選取屬性name以“hellokitty”開始的<div>元素。

[attribute$=value]——選取屬性的值以value結(jié)尾的元素。$(“div[name=hellokitty]”)選取屬性name以“hellokitty”結(jié)尾的<div>元素。

[attribute*=value]——選取屬性的值為包含value的元素。$(“div[name=hellokitty]”)選取屬性name包含“hellokitty”的<div>元素。

[selector1][selector2][selectorN]——用屬性選擇器合并成一個復(fù)合屬性選擇器,滿足多個條件,每個選擇一次,縮小一次的范圍。$(“div[id][title$=’helloKitty’]”)選取擁有屬性id,并且屬性title以“hellokitty”結(jié)束的<div>元素。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前題目:jQuery選擇器大全-創(chuàng)新互聯(lián)
文章路徑:http://muchs.cn/article46/dpjgeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、網(wǎng)站策劃、網(wǎng)站建設(shè)、建站公司、品牌網(wǎng)站制作、響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司