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

資訊專欄INFORMATION COLUMN

jquery梳理之常用選擇器

Raaabbit / 1722人閱讀

摘要:基于規(guī)范選擇元素選擇器選擇器相當(dāng)于原生元素選擇器直接傳入標(biāo)簽相當(dāng)于原生通配符選擇器相當(dāng)于原生層級選擇器選擇節(jié)點(diǎn)下的節(jié)點(diǎn),節(jié)點(diǎn)只能是直接節(jié)點(diǎn),如果是下的節(jié)點(diǎn)則獲取不到選擇節(jié)點(diǎn)下的所有節(jié)點(diǎn)選擇與節(jié)點(diǎn)同級的下一個節(jié)點(diǎn)有且僅有一個選擇與節(jié)點(diǎn)同級的所

基于CSS規(guī)范選擇元素 id選擇器
    $("#id")
class選擇器
$(".class")
//相當(dāng)于原生:document.getElementsByClassName("class")
元素選擇器(直接傳入html標(biāo)簽)
$(div | p | span | input ...)
//相當(dāng)于原生:document.getElementsByTagName("div");
通配符選擇器
$("*")
//相當(dāng)于原生:document.getElementsByTagName("*");
層級選擇器
$("parent > child")
//選擇parent節(jié)點(diǎn)下的child節(jié)點(diǎn),child節(jié)點(diǎn)只能是直接節(jié)點(diǎn),如果是child下的child節(jié)點(diǎn)則獲取不到

$("parent child")
//選擇parent節(jié)點(diǎn)下的所有child節(jié)點(diǎn)

$("current + dom")
//選擇與current節(jié)點(diǎn)同級的下一個dom節(jié)點(diǎn)(有且僅有一個)

$("current ~ other")
//選擇與current節(jié)點(diǎn)同級的所有other節(jié)點(diǎn)
基于DOM進(jìn)行選擇元素
    $("div:first")    //匹配第一個元素
    $("div:last")    //匹配最后一個元素
    $("div:not(selector)")    //匹配所有,但不匹配selector
    $("div:eq(index)")    //返回指定index元素的jquery對象
    $("div:lt|gt(index)")    //返回小于或大于指定index元素的集合
    $("div:[ odd | even ]")    //返回索引為 奇數(shù) 或者 偶數(shù) 的元素集合
    $("div:header")    //返回所有h1 ~ h6的集合
    $("div:root")    //返回根節(jié)點(diǎn)元素
    $("div:animated")    //返回所有動畫元素
    $("div:has(span)")    //返回div下包含的所有span元素
    $("div:parent")    //返回div下所有包含子元素或者文本節(jié)點(diǎn)的元素
    $("div:empty")    //返回div下所有沒子元素或者文本節(jié)點(diǎn)的元素
基于內(nèi)容選擇元素
$("div:contains(匹配的文本)")
基于隱藏或顯示狀態(tài)的元素
$("dom:visible")    //返回所有顯示的元素
$("dom:hidden")    //返回所有隱藏的元素,其中包含display=none,visibility=show,opacity=0,隱藏表單
表單選擇器
$(":input")    //匹配所有input radio checkbox textarea button select元素
$(":text")    //匹配所有文本框元素
$(":password")    //匹配所有密碼框元素
$(":radio")    //匹配所有單選框元素
$(":checkbox")    //匹配所有復(fù)選框元素
$(":image")    //匹配所有圖像域
$(":submit")    //匹配所有提交按鈕
$(":reset")    //匹配所有重置按鈕
$(":file")    //匹配所有文本域
$("dom:enabled")    //匹配所有可用元素
$("dom:disabled")    //匹配所有禁用元素
$("dom:checked")    //匹配所有選中的input元素
$("dom:selected")    //匹配所有選中的option元素

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

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

相關(guān)文章

  • jquery梳理屬性操作

    摘要:與元素屬性原生對于元素的屬性有三種方法來操作為元素添加屬性名和屬性值獲取元素屬性值刪除元素屬性而則將以上三個操作簡化為和對應(yīng)對應(yīng)對應(yīng)上述的為屬性名,為屬性值對于需要設(shè)置多個屬性時,采用的方式是在方法傳入屬性配置對象元素值屬性三個方法都 attr與removeAttr - 元素屬性 JS原生對于元素的屬性有三種方法來操作 dom.setAttribute(name , value) //...

    silencezwm 評論0 收藏0
  • 前端開發(fā)知識點(diǎn)整理

    摘要:前言本文主要是有關(guān)前端方面知識按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會告訴你前端需要了解的知識大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...

    Blackjun 評論0 收藏0
  • 前端開發(fā)知識點(diǎn)整理

    摘要:前言本文主要是有關(guān)前端方面知識按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會告訴你前端需要了解的知識大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...

    Sike 評論0 收藏0
  • 前端開發(fā)知識點(diǎn)整理

    摘要:前言本文主要是有關(guān)前端方面知識按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會告訴你前端需要了解的知識大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...

    tracy 評論0 收藏0
  • jQuery入門筆記(一)選擇引擎

    摘要:選擇器,若未作特別說明,獲取的都是元素集合。過濾器名語法說明選取所有不可見元素選取所有可見元素注意過濾器一般是包含的內(nèi)容為樣式為表單類型為和的元素。四子元素過濾器子元素過濾器的過濾規(guī)則是通過父元素和子元素的關(guān)系來獲取相應(yīng)的元素。 轉(zhuǎn)自個人博客本來是單獨(dú)整理了一個CSS選擇器的,但是在jQuery中基本都有對應(yīng)的,所以就不發(fā)了。 jQuery選擇器,若未作特別說明,獲取的都是元素集合。...

    charles_paul 評論0 收藏0

發(fā)表評論

0條評論

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