Jquery選擇器(一)

2022-01-13 18:37:04 字數 1033 閱讀 9636

一、基本選擇器

1.查詢 id 為"mydiv"的元素。

$(document).ready(function());

id="mydiv"

2.查詢所有類是 "myclass" 的元素.

$(document).ready(function());

div class="myclass"

span class="myclass"

3.查詢乙個 p元素。

$(document).ready(function());

div class="myclass"

span class="myclass"

我是p元素

4.找每乙個元素

$(document).ready(function());

div class="myclass"

span class="myclass"

我是p元素

5.選擇多個選擇器元素

$(document).ready(function());

div class="mydiv"

div class="myclass"

span class="myclass"

我是p元素

二、層級選擇器

1.後代選擇器(所有包含孫子)

$(document).ready(function());

2.子元素選擇器(只匹配到兒子)

$(document).ready(function());

3.相鄰元素選擇器

$(document).ready(function());

4.兄弟選擇器

匹配form之後的input元素

$(document).ready(function());

一 JQuery選擇器

1 基本選擇器 id 根據給定的id匹配乙個元素 class 根據給定的類名匹配元素 element 根據給定的元素名匹配元素 匹配所有元素 selector1,selector2,selectorn 將每乙個選擇器匹配到的元素合併後一起返回 2 層次選擇器 ancestor descendant ...

jQuery選擇器 一

選擇器是 jquery 的根基,在 jquery 中,對事件處理,遍歷 dom 和 ajax 操作都依賴於選擇器 jquery選擇器的優點 1 簡潔的寫法 id 2 完善的事件處理機制 若在網頁中,沒有id為 id 的元素,瀏覽器會報錯 需要先判斷document.getelementbyid id...

jQuery選擇器(一)

id siblings 當前元素所有的兄弟節點 id prev 當前元素前乙個兄弟節點 id next 當前元素之後第乙個兄弟節點 id nextall 當前元素之後所有的兄弟節點 id prevall 當前元素之前所有的兄弟節點 id nextall 當前元素之後所有的兄弟節點 返回值 匹配元素 ...