成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

jq 中常見(jiàn)的選擇器

Yi_Zhi_Yu / 1142人閱讀

摘要：基本選擇器選擇器選擇器元素選擇器通配符選擇器匹配所有元素層次選擇器選取里面所有的選取元素下的子元素選取緊接在元素后的元素等價(jià)于選取元素之后的所有元素等價(jià)于過(guò)濾選擇器基本過(guò)濾選擇器選取第一個(gè)元素選取最后一個(gè)元素選取索引是偶數(shù)的所有元素索引從開(kāi)

1 基本選擇器
id選擇器 #id $("#test")
class 選擇器 .class $(".test")
元素選擇器 element $(p) $(img)
通配符選擇器 $("*") 匹配所有元素

2 層次選擇器
$("div span") 選取div 里面所有的span
$("parent>child") 選取 parent 元素下的child 子元素
$("prev + next") 選取緊接在prev元素后的next元素
$(".one+div") 等價(jià)于$(".one").next("div")
$("prev~sibkings") 選取prev 元素之后的所有siblings 元素
$("#prev~div") 等價(jià)于 $("#prev").nextAll("div")

3 過(guò)濾選擇器

3.1 基本過(guò)濾選擇器
:first 選取第一個(gè)元素 $("div:first")
:last 選取最后一個(gè)元素 $("div:last")
:even 選取索引是偶數(shù)的所有元素 索引從0開(kāi)始
:odd 選取索引是奇數(shù)的所有元素 索引從1開(kāi)始
:eq(index) 選取索引等于index 的元素 索引從0開(kāi)始
:gt(index) 選取索引大于index 的元素 索引從0開(kāi)始
:lt(index) 選取索引小于index 的元素 索引從0開(kāi)始
:header 選取所有的標(biāo)題元素 eg: h1 h2 h3
:animated 選取當(dāng)前正在執(zhí)行動(dòng)畫(huà)的所有元素

3.2 內(nèi)容過(guò)濾選擇器
:contains(text) 選取含有文本內(nèi)容text的元素
:empty 選取不包含子元素或文本的空元素
:has(selector) 選取含有選擇器所有匹配元素的元素
:parent 選取含有子元素或文本的元素

3.3 可見(jiàn)性過(guò)濾選擇器
:hidden 選取所有不可見(jiàn)的元素 $(":hidden")
$(":hidden")選取所有不可見(jiàn)元素。
包括：


等元素。
:visible 選取所有可見(jiàn)元素

3.4 屬性過(guò)濾選擇器
[attribute] 選取擁有此屬性的元素
[attribute = value] 選取屬性值為value的元素
[attribute !=value] 選取屬性值不等于value的元素
[attribute^=value] 選取屬性值以value開(kāi)始的元素
[attribute $=value] 選取屬性值以value 結(jié)束的元素
[attribute *=value] 選取屬性值含有value值的元素

3.5 子元素過(guò)濾選擇器
:first-child 選取每個(gè)父元素下第一個(gè)子元素
:last-child 選取每個(gè)父元素下的最后一個(gè)子元素
:only-child 如果某個(gè)元素是他父元素中唯一的一個(gè)子元素，那么將會(huì)被匹配，
如果父元素中含有其他的元素將不會(huì)匹配

3.6 表單對(duì)象屬性過(guò)濾選擇器
:enabled 選取所有可用的元素
:disabled 選取所有不可用的元素
:checked 選取所有被選中的元素（單選框、復(fù)選框）
:selected 選取所有被選中的選項(xiàng)元素（下拉列表）

4 表單選擇器
:input 選中所有input textarea select button 元素
:text 選取所有單行文本框
:password 選取所有密碼框
:radio 選取所有單選框
:checkbox 選取所有多選框
:submit 選取所有的提交按鈕
:file 選取所有的上傳域
:hidden 選取所有不可見(jiàn)元素

5 獲得兄弟元素的方法
next() 當(dāng)前元素之后的近鄰的第一個(gè)兄弟元素
nextAll() 當(dāng)前元素之后的所有的兄弟元素
prev() 當(dāng)前元素之前的近鄰的兄弟元素
prevAll() 當(dāng)前元素之前的所有的兄弟元素
sibling() 當(dāng)前元素的所有的兄弟元素

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/86897.html

相關(guān)文章

  • 聊聊jQuery的反模式

    摘要：如果我們認(rèn)為模式代表一個(gè)最佳的實(shí)踐，那么反模式將代表我們已經(jīng)學(xué)到一個(gè)教訓(xùn)。受啟發(fā)于的設(shè)計(jì)模式，在年的月的報(bào)告大會(huì)上首次提出反模式。參考鏈接反模式學(xué)用設(shè)計(jì)模式極客學(xué)院 如果我們認(rèn)為模式代表一個(gè)最佳的實(shí)踐，那么反模式將代表我們已經(jīng)學(xué)到一個(gè)教訓(xùn)。受啟發(fā)于Gof的《設(shè)計(jì)模式》，Andrew Koeing在1995年的11月的C++報(bào)告大會(huì)上首次提出反模式。在Koeing的報(bào)告中，反模式有著兩...

    CoderStudy 評(píng)論0 收藏0

  • JavaWEB開(kāi)發(fā)04——JQuery

    摘要：設(shè)計(jì)的宗旨是，，即倡導(dǎo)寫(xiě)更少的代碼，做更多的事情。它封裝常用的功能代碼，提供一種簡(jiǎn)便的設(shè)計(jì)模式，優(yōu)化文檔操作事件處理動(dòng)畫(huà)設(shè)計(jì)和交互。 今日任務(wù) 使用JQuery完成頁(yè)面定時(shí)彈出廣告 定時(shí)器: ? setInterval clearInterval ? setTimeout clearTimeout 顯示: img.style.display = bloc...

    chunquedong 評(píng)論0 收藏0

  • JavaWEB開(kāi)發(fā)04——JQuery

    摘要：設(shè)計(jì)的宗旨是，，即倡導(dǎo)寫(xiě)更少的代碼，做更多的事情。它封裝常用的功能代碼，提供一種簡(jiǎn)便的設(shè)計(jì)模式，優(yōu)化文檔操作事件處理動(dòng)畫(huà)設(shè)計(jì)和交互。 今日任務(wù) 使用JQuery完成頁(yè)面定時(shí)彈出廣告 定時(shí)器: ? setInterval clearInterval ? setTimeout clearTimeout 顯示: img.style.display = bloc...

    nicercode 評(píng)論0 收藏0

  • JavaWEB開(kāi)發(fā)04——JQuery

    摘要：設(shè)計(jì)的宗旨是，，即倡導(dǎo)寫(xiě)更少的代碼，做更多的事情。它封裝常用的功能代碼，提供一種簡(jiǎn)便的設(shè)計(jì)模式，優(yōu)化文檔操作事件處理動(dòng)畫(huà)設(shè)計(jì)和交互。 今日任務(wù) 使用JQuery完成頁(yè)面定時(shí)彈出廣告 定時(shí)器: ? setInterval clearInterval ? setTimeout clearTimeout 顯示: img.style.display = bloc...

    pakolagij 評(píng)論0 收藏0

  • jQuery最佳實(shí)踐

    摘要：鏈?zhǔn)讲僮魇褂面準(zhǔn)讲僮鞔孀兞烤彺婧投啻尾僮髅慨?dāng)鏈長(zhǎng)超過(guò)個(gè)鏈接或得到，因?yàn)榛顒?dòng)任務(wù)的復(fù)雜，使用適當(dāng)?shù)膿Q行和縮進(jìn)使代碼的可讀性。對(duì)于較長(zhǎng)的鏈?zhǔn)讲僮骺梢园褜?duì)象緩存到一個(gè)變量里。 原文地址：http://lab.abhinayrathore.com/jquery-standards/ 第一次翻譯，有不對(duì)不妥的地方請(qǐng)拍磚。showImg(http://segmentfault.com/img/b...

    wizChen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<