jquery基礎選擇器 層級選擇器 過濾選擇器

2021-10-09 02:12:48 字數 1871 閱讀 6565

$(function ())

;2.選擇 class 為 mini 的所有元素

$("#btn2").

click

(function ())

;3.選擇 元素名是 div 的所有元素

$("#btn3").

click

(function ())

;4.選擇所有的元素

$("#btn4").

click

(function ())

5.選擇所有的 span 元素和id為two的元素

);2.在 body 內, 選擇div子元素

$("#btn2").

click

(function()

);只能選擇子元素div,沒辦法選擇子元素中的子元素

3.選擇 id 為 one 的下乙個 div 元素

$("#btn3").

click

(function()

);4.選擇 id 為 two 的元素後面的所有 div 兄弟元素

1.選擇第乙個 div 元素  

$("#btn1").

click

(function()

);2.選擇最後乙個 div 元素

$("#btn2").

click

(function()

);3.選擇class不為 one 的所有 div 元素

$("#btn3").

click

(function()

);4.選擇索引值為偶數的 div 元素

$("#btn4").

click

(function()

);5.選擇索引值為奇數的 div 元素

$("#btn5").

click

(function()

);6.選擇索引值為大於 3 的 div 元素

$("#btn6").

click

(function()

);7.選擇索引值為等於 3 的 div 元素

$("#btn7").

click

(function()

);8.選擇索引值為小於 3 的 div 元素

$("#btn8").

click

(function()

);9.選擇所有的標題元素

$("#btn9").

click

(function()

);10.選擇當前正在執行動畫的所有元素

$("#btn10").

click

(function()

);11.選擇沒有執行動畫的最後乙個div

jQuery層級選擇器

1.子元素選擇器 用於查詢在給定的父元素下查詢 這個父元素下的所有子元素,語法格式 如下 parent chilid 2.後代元素選擇器 用於在給定的祖先元素下匹配所有的後代元素,語法格式 如下 ancestor descendant 3.緊鄰同輩元素選擇器 用於匹配所有緊鄰在prev元素後的nex...

jquery層級選擇器

層級共包括後代元素 子元素 相鄰元素和同級元素四種。後代選擇器 後代選擇器 ancestor descendant 選擇給定的祖先元素的所有後代元素,並返回集合元素 id test 1div 2div div div test div css margin 10px console.log test...

jQuery選擇器之層級選擇器

文件中的所有的節點之間都是有這樣或者那樣的關係。我們可以把節點之間的關係可以用傳統的家族關係來描述,可以把文件樹當作乙個家譜,那麼節點與節點直接就會存在父子,兄弟,祖孫的關係了。選擇器中的層級選擇器就是用來處理這種關係 子元素 後代元素 兄弟元素 相鄰元素 通過乙個列表,對比層級選擇器的區別 仔細觀...