第二章 jQuery中的選擇器

創(chuàng)新互聯(lián)長期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為滑縣企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都網(wǎng)站建設(shè)，滑縣網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

1.jQuery選擇器:①.基本選擇器:(1)#id(根據(jù)給定的id匹配一個元素),

例如:$("#test")選取id為test的元素

(2).class(根據(jù)給定的類名匹配元素),

例如:$(".test")選取所有class為test的元素

(3).element 例:$("p")選取所有的元素

(4)* 例如:$("*")選取所有的元素

(5)selector1,selector2....selectorN

②.層次選擇器:(1)空格(父元素以下的所有)

(2)> (父和子的直接關(guān)系)

(3)+ (下一個子元素的同級元素)

(4) ~(除開本身的同級元素)

③.過濾選擇器:(1)基本過濾選擇器 :first第一個元素 :last :even偶數(shù)

:odd奇數(shù) :eq(Index)索引等于index的元素

:gt(index)索引大于index的元素等等

(2)內(nèi)容過濾選擇器 :contains(text)選取含有文本內(nèi)容為"text"的 元素

:empty取不包含子元素或者文本的空元素

:has(selector)選擇器所匹配的元素的元素

(3)可見性過濾選擇器 :hidden選取所有不可見的元素

:visible選取所有不可見的元素

(4)屬性過濾選擇器 [attribute]取有此屬性的元素 [attribute=value]選取屬性值為value的元素

[attribute^value]取屬性值為value開始的元素

[attribute$=value]取屬性為value結(jié)束的元素

[attribute*=value]取屬性值含有value的元素

[selector1][selector2][selectorN]合并成一 個復(fù)合選擇器,滿足多個條件,每選擇一次,縮小 一次范圍

(5)子元素過濾選擇器 :nth-child(index/even/odd/equation)選取每 個父元素下的第index個子元素或者奇偶 元素(index從1開始)

:first-child選取每個父元素的第一個子元素 :last-child每個父元素的最后一個元素

:only-child有父元素才會被匹配,沒有父元素 則不會被匹配

(6)表單對象選擇器 :enable選取所有可用元素

:disabled選取所有不可用元素

:checked選取所有被選中的元素(單選框,復(fù)選框)

:selected選取所有被選中的選項元素(下拉列表)

④.表單選擇器::input :text :password :radio :checkbox :submit :p_w_picpath :reset :button :file :hidden

2.選擇器的優(yōu)點:①.寫法簡單

②.支持css1到css3的選擇器(60多種選擇器)

③.完善的機制

3.window.onload 與 $(document).ready()比較:

window.onload $(document).ready()

(1)執(zhí)行時間:等所有頁面元素就緒 dom元素就緒就可以

(2)編寫個數(shù): only one 編寫多個

(3)簡化寫法: 無 $(function(){ });

本文名稱：第二章jQuery中的選擇器
鏈接URL：http://www.chinadenli.net/article0/iijiio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站導(dǎo)航、虛擬主機、網(wǎng)站設(shè)計公司、網(wǎng)站策劃、外貿(mào)網(wǎng)站建設(shè)

廣告

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