第二章 jQuery中的選擇器

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

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

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

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

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

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

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

(5)selector1,selector2....selectorN

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

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

(3)+ (下一個(gè)子元素的同級(jí)元素)

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

③.過濾選擇器:(1)基本過濾選擇器 :first第一個(gè)元素 :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]合并成一 個(gè)復(fù)合選擇器,滿足多個(gè)條件,每選擇一次,縮小 一次范圍

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

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

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

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

:disabled選取所有不可用元素

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

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

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

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

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

③.完善的機(jī)制

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

window.onload $(document).ready()

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

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

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

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

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

廣告

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