jQuery基本選擇器

2021-07-24 12:25:57 字數 1657 閱讀 5883

id選擇器(#id)

描述:查詢id為 "mydiv" 的元素
html**

id="notme">id="notme"

div>

id="mydiv">id="mydiv"

div>

jquery**

$(

"#mydiv");

結果

id="mydiv">id="mydiv"

div> ]

元素選擇器(element)

描述:查詢乙個 div 元素
html**

div1div>

div2div>

spanspan>

jquery**

$(

"div");

結果

[ div1div>, div2div> ]
類選擇器(.class)
描述:查詢所有類是 "myclass" 的元素
html**

class="notme">div

class="notme"

div>

class="myclass">div

class="myclass"

div>

class="myclass">span class="myclass"

jquery**

$(

".myclass");

結果

class="myclass">div

class="myclass"

div>, class="myclass">span class="myclass" ]

萬用字元選擇器(*)

描述:找到每乙個元素
html**

divdiv>

spanspan>

pp>

jquery**

$(

"*")

結果

[ divdiv>, spanspan>, pp> ]
集合選擇器(selector1,selector2,selectorn)
描述:找到匹配任意乙個條件的元素
html**

div>

class="myclass">p class="myclass"

span

class="notmyclass">p class="notmyclass"

jquery**

$(

"div,span,p.myclass")

結果

[ divdiv>, class="myclass">p class="myclass"p>, spanspan> ]
摘自 jquery api 文件

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...

jquery基本選擇器

1 選擇器 所有元素 2 id選擇器 title id title 的元素 3 class 選擇器 fade 所有 class fade 的元素 4 element 元素 選擇器 p 所有 元素 5 class.class 選擇器 fade.demo 所有 class fade 且 class de...

jQuery 基本選擇器

基本選擇器是jquery中最常用的選擇器,也是最簡單的選擇器,它通過元素id,class和標籤名等來查詢dom元素。在網頁中,每個id名稱只能使用一次,class允許重複使用。效果描述 乙個簡單的html示例,通過基本選擇器來匹配剛才html 中的,等元素並進行操作 改背景色 如下 id is on...