jquery梳理之常用選擇器

Raaabbit 發布于2019-08-21 16:41 / 1710人閱讀

摘要：基于規范選擇元素選擇器選擇器相當于原生元素選擇器直接傳入標簽相當于原生通配符選擇器相當于原生層級選擇器選擇節點下的節點，節點只能是直接節點，如果是下的節點則獲取不到選擇節點下的所有節點選擇與節點同級的下一個節點有且僅有一個選擇與節點同級的所

基于CSS規范選擇元素 id選擇器

    $("#id")

class選擇器

$(".class")
//相當于原生：document.getElementsByClassName("class")

元素選擇器(直接傳入html標簽)

$(div | p | span | input ...)
//相當于原生：document.getElementsByTagName("div");

通配符選擇器

$("*")
//相當于原生：document.getElementsByTagName("*");

層級選擇器

$("parent > child")
//選擇parent節點下的child節點，child節點只能是直接節點，如果是child下的child節點則獲取不到

$("parent child")
//選擇parent節點下的所有child節點

$("current + dom")
//選擇與current節點同級的下一個dom節點（有且僅有一個）

$("current ~ other")
//選擇與current節點同級的所有other節點

基于DOM進行選擇元素

    $("div:first")    //匹配第一個元素
    $("div:last")    //匹配最后一個元素
    $("div:not(selector)")    //匹配所有，但不匹配selector
    $("div:eq(index)")    //返回指定index元素的jquery對象
    $("div:lt|gt(index)")    //返回小于或大于指定index元素的集合
    $("div:[ odd | even ]")    //返回索引為 奇數 或者 偶數 的元素集合
    $("div:header")    //返回所有h1 ~ h6的集合
    $("div:root")    //返回根節點元素
    $("div:animated")    //返回所有動畫元素
    $("div:has(span)")    //返回div下包含的所有span元素
    $("div:parent")    //返回div下所有包含子元素或者文本節點的元素
    $("div:empty")    //返回div下所有沒子元素或者文本節點的元素

基于內容選擇元素

$("div:contains(匹配的文本)")

基于隱藏或顯示狀態的元素

$("dom:visible")    //返回所有顯示的元素
$("dom:hidden")    //返回所有隱藏的元素，其中包含display=none,visibility=show,opacity=0,隱藏表單

表單選擇器

$(":input")    //匹配所有input radio checkbox textarea button select元素
$(":text")    //匹配所有文本框元素
$(":password")    //匹配所有密碼框元素
$(":radio")    //匹配所有單選框元素
$(":checkbox")    //匹配所有復選框元素
$(":image")    //匹配所有圖像域
$(":submit")    //匹配所有提交按鈕
$(":reset")    //匹配所有重置按鈕
$(":file")    //匹配所有文本域
$("dom:enabled")    //匹配所有可用元素
$("dom:disabled")    //匹配所有禁用元素
$("dom:checked")    //匹配所有選中的input元素
$("dom:selected")    //匹配所有選中的option元素

云服務器 GPU云服務器 jquery常用選擇器 jquery過濾選擇器 jquery雙向選擇器 jquery選擇器空格

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88604.html

jquery梳理之屬性操作

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

silencezwm 2019-08-21 16:41 評論0 收藏0
前端開發知識點整理

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

Blackjun 2019-08-20 17:14 評論0 收藏0
前端開發知識點整理

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

Sike 2019-08-29 12:44 評論0 收藏0
前端開發知識點整理

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

tracy 2019-08-01 16:59 評論0 收藏0
jQuery入門筆記之（一）選擇器引擎

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

charles_paul 2019-08-19 17:17 評論0 收藏0