天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

Jquery實(shí)戰(zhàn)_讀書筆記2 選擇器

基本的CSS選擇器
熟悉web開(kāi)發(fā)的人員一定對(duì)css的選擇功能相當(dāng)?shù)牧私猓ㄟ^(guò)css選擇功能,我們可以在css樣式文件里輕松的將樣式應(yīng)用到選擇的頁(yè)面元素上。jQuery也正是采用了這樣的機(jī)制,使jQuery的元素選擇能力易常強(qiáng)大。
a――選擇所有<a>元素
#specialID――選擇匹配id為specialID的元素
.specialClass――選擇匹配擁有css類sepcialClass的元素
a#specialID.specialClass――選擇匹配id為specialID、有用css類specialClass的<a>元素
p a.specialClass――匹配擁有css類specialClass、在<p>元素內(nèi)的<a>元素
除了支持傳統(tǒng)的css選擇器,Jquery還支持CSS3選擇功能。

 

子節(jié)點(diǎn)選擇器
$("p > a") 選擇元素<p> 的直接子節(jié)點(diǎn)的<a>元素,非直接子節(jié)點(diǎn)的<a>元素將不會(huì)被選擇到


特性選擇器
特性選擇器在匹配的選擇元素上過(guò)濾滿足某特性(屬性)的元素
如我們需要做如下的選擇:匹配所有指向本網(wǎng)站之外地址的鏈接,我們可以這樣選擇
$("a[href^=http://")  該選擇器選擇具有href屬性,且href屬性值以http://開(kāi)始的鏈接元素
特性選擇的語(yǔ)法是:
選擇具有某特性(屬性)的元素
form[method]
選擇具有某特性,且屬性值為指定值的元素
input[type=text]
選擇匹配特性以特定字符開(kāi)頭的元素
div[title^=my]  ――選擇匹配title特性值已my開(kāi)頭的所有div元素
選擇匹配特性以特定字符結(jié)束的元素
a[href$=.pdf] ――選擇引用了pdf文件的所有鏈接元素
其他
a[href*=jquery.com]選擇引用jQuery網(wǎng)站的所有鏈接元素


過(guò)濾符
通過(guò)過(guò)濾符選擇器可以在已選擇的元素中過(guò)濾出需要的元素,上面的特性選擇器也屬于過(guò)濾符,另外還有“:”字符
如:
li:has(a)―― 選擇匹配包含<a>元素的所有<li>元素

1. 基礎(chǔ)過(guò)濾符:
:first:匹配多個(gè)對(duì)象中的第一個(gè)對(duì)象
:last:匹配多個(gè)對(duì)象中的最后一個(gè)對(duì)象
:not(selector):匹配去除了not后面選擇符中內(nèi)容的項(xiàng),not中的selector只能是過(guò)濾選擇器,不能是查找選擇器
:even:匹配所有對(duì)象中的第偶數(shù)個(gè)
:odd:匹配所有對(duì)象中的第奇數(shù)個(gè)
:eq(index):匹配某一下表的單獨(dú)某元素
:gt(index):匹配大于某一下標(biāo)的所有元素
:lt(index):匹配小于某一下標(biāo)的所有元素
:header:匹配所有的header元素,例如h1,h2,h3,h4,h5,h6
:animated:匹配所有有動(dòng)畫效果的元素
2. 內(nèi)容過(guò)濾符:
:contains(text):匹配內(nèi)部擁有該文本元素的對(duì)象,包含間接有用的情況
:empty:匹配所有沒(méi)有子元素的對(duì)象
:has(selector):匹配所有至少含有一個(gè)子選擇符的對(duì)象
:parent:匹配元素,這些元素包含子元素(包括文本元素)
3. 可見(jiàn)性過(guò)濾符:
:hidden:匹配所有隱藏對(duì)象,或者input中的hidden類型
:visible:匹配所有可見(jiàn)的對(duì)象
4. 子過(guò)濾符:
:nth-child(index/even/odd/equation):匹配子元素中的某一下標(biāo)/偶數(shù)/奇數(shù)/等式的對(duì)象,:eq(index)只能匹配某單一對(duì)象的子元素特征,而這個(gè)方法可以匹配多個(gè)對(duì)象的某一子元素共同特征  nth-child過(guò)濾器,從1開(kāi)始計(jì)數(shù),這主要是與css標(biāo)準(zhǔn)兼容。
:first-child:匹配第一個(gè)子元素
:last-child:匹配最后一個(gè)子元素
這兩個(gè)匹配符也可以對(duì)多個(gè)父對(duì)象的所有子元素進(jìn)行匹配操作
:only-child:如果一個(gè)父元素只有一個(gè)子元素,就匹配這個(gè)子元素
5. 表單過(guò)濾符
:input  :匹配表單內(nèi)input元素
:text  :匹配表單內(nèi)input type為text的元素
:password  :匹配表單內(nèi)input type為password的元素
:radio  :匹配表單內(nèi)input type為radio的元素
:checkbox  :匹配表單內(nèi)input type為checkbox的元素
:submit  :匹配表單內(nèi)input type為submit的元素
:image  :匹配表單內(nèi)image的元素
:reset  :匹配表單內(nèi)input type為reset的元素 
:button  :匹配表單內(nèi)input type為button的元素
:file  :匹配表單內(nèi)input type為file的元素.
:hidden  :匹配表單內(nèi)input type為hidden的元素或者h(yuǎn)idden區(qū)域
:enabled  :匹配所有啟用元素
:disabled  :匹配所有非啟用元素
:checked  :匹配所有選中元素
:selected  :匹配所有下拉列表選中元素


查找選擇器和篩選選擇器的概念區(qū)別
為了能靈活的使用jQuery,認(rèn)清查找選擇器、篩選選擇器之間的區(qū)別是非常重要的。篩選選擇器,通過(guò)對(duì)元素應(yīng)用更高的選擇標(biāo)準(zhǔn)(如過(guò)濾特性或或其他相關(guān)值),縮小正在匹配的元素的集合;查找選擇器,比如后代選擇器(空格)、子節(jié)點(diǎn)選擇器(>)以及兄弟節(jié)點(diǎn)選擇器(+)等,則查找與已選擇元素具有某種關(guān)系的其他元素,而不是通過(guò)把標(biāo)準(zhǔn)應(yīng)用于已匹配元素來(lái)限制匹配范圍。

JavaScript技術(shù)Jquery實(shí)戰(zhàn)_讀書筆記2 選擇器,轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 精品国产原创在线观看视频 | 暖暖在线观看播放视频 | 麻美ゆま夫の目の前で犯 | 成人网视频在线观看免费 | 国产 欧美 亚洲 日韩视频 | 国产精品亚欧美一区二区三区 | 国产国拍精品AV在线观看 | 荡公乱妇HD中文字幕 | 精品无码久久久久久动漫 | 6080yy亚洲久久无码 | 91精品乱码一区二区三区 | SM双性精跪趴灌憋尿调教H | 芭乐视频网页版在线观看 | 日本在线高清不卡免费播放 | 综合色中色 | 小骚妇BBBXXX | 久久大胆视频 | XXX欧美性兽交 | 女配穿书病娇被强啪h | xxxxxx日本处大片免费看 | 波多野结衣 无码片 | 6 10young俄罗斯| 久久精品电影久久电影大全 | 亚洲精品成人久久久影院 | 亚州三级视频 | 小蝌蚪视频在线观看免费观看WWW | qvod小电影 | 欧洲内射XXX高清 | 99视频网站 | 51精品少妇人妻AV一区二区 | 快播最新电影网站 | 精品网站一区二区三区网站 | 亚洲免费中文 | 男生射女生 | 欧美另类极品videosbest | 欧美巨大xxxx做受高清 | 国产麻豆精品传媒AV国产在线 | 受被三个攻各种道具PLAY | s8sp视频高清在线播放 | 精品无码三级在线观看视频 | 亚洲一区二区三不卡高清 |