成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

jq 中常見的選擇器

Yi_Zhi_Yu / 1076人閱讀

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

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") 等價于$(".one").next("div")
$("prev~sibkings") 選取prev 元素之后的所有siblings 元素
$("#prev~div") 等價于 $("#prev").nextAll("div")

3 過濾選擇器

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

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

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


等元素。
:visible 選取所有可見元素

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

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

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86897.html

相關(guān)文章

  • 聊聊jQuery的反模式

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

    CoderStudy 評論0 收藏0

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

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

    chunquedong 評論0 收藏0

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

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

    nicercode 評論0 收藏0

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

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

    pakolagij 評論0 收藏0

  • jQuery最佳實踐

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

    wizChen 評論0 收藏0

發(fā)表評論

0條評論

Yi_Zhi_Yu

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<