Jquery選擇器 基本選擇器

2021-07-27 11:49:50 字數 1530 閱讀 4965

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器(#id)、元素選擇器(element)、樣式選擇器(.class)。

概述:根據給定的id匹配乙個元素。

使用任何的元字元(如 !"#$%&'()*+,./:;<=>?@[\]^`~)作為名稱的文字部分, 它必須被兩個反斜槓轉義:\\。

引數:id,

用於搜尋的,通過元素的 id 屬性中給定的值。

示例:查詢 id 為"mydiv"的元素。

html **:

id="notme"

id="mydiv"

jquery **:$("#mydiv");

結果:[ id="mydiv"

]示例:查詢含有特殊字元的元素。

html **:

jquery **:#foo\\[bar\\]

結果:[ ]

概述:根據給定的元素標籤名匹配所有元素。

引數:element,

乙個用於搜尋的元素。指向 dom 節點的標籤名。

示例:查詢乙個 div 元素。

html **:

div1

div2

span

jquery **:$("div");

結果:[ div1

, div2

]概述:根據給定的css類名匹配元素。

引數:class,

乙個用以搜尋的類。乙個元素可以有多個類,只要有乙個符合就能被匹配到。

示例:查詢所有類是 "myclass" 的元素.

html **:

div class="notme"

div class="myclass"

span class="myclass"

jquery **:$(".myclass");

結果:[ div class="myclass"

, span class="myclass" ]

概述:將每乙個選擇器匹配到的元素合併後一起返回。

你可以指定任意多個選擇器,並將匹配到的元素合併到乙個結果內。

引數selector1  乙個有效的選擇器

selector2  另乙個有效的選擇器

selectorn  任意多個有效選擇器

示例:找到匹配任意乙個類的元素。

html **:

div

p class="myclass"

span

p class="notmyclass"

jquery **:$("div,span,p.myclass")

結果:[ div

, p class="myclass"

, span ]

概述:匹配所有元素,

多用於結合上下文來搜尋。

示例:找到每乙個元素。

html **如下:

div

span p

jquery **:$("*")

結果:[ div

, span, p

]

jQuery過濾選擇器 基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...

jQuery選擇器之基本篩選選擇器

很多時候我們不能直接通過基本選擇器與層級選擇器找到我們想要的元素,為此jquery提供了一系列的篩選選擇器用來更快捷的找到所需的dom元素。篩選選擇器很多都不是css的規範,而是jquery自己為了開發者的便利延展出來的選擇器 篩選選擇器的用法與css中的偽元素相似,選擇器用冒號 開頭,通過乙個列表...

jQuery過濾選擇器 基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...