jQuery之元素查詢

2022-05-06 13:15:12 字數 818 閱讀 4238

在已經匹配出的元素集合中根據選擇器查詢孩子/父母/兄弟標籤

1. children(): 子標籤中找

2. find() : 後代標籤中找

3. parent() : 父標籤

4. prevall() : 前面所有的兄弟標籤

5. nextall() : 後面所有的兄弟標籤

6. siblings() : 前後所有的兄弟標籤 

需求:1. ul標籤的第2個span子標籤

2. ul標籤的第2個span後代標籤

3. ul標籤的父標籤

4. id為cc的li標籤的前面的所有li標籤

5. id為cc的li標籤的所有兄弟li標籤

var $ul = $("ul");

//1. ul標籤的第2個span子標籤

$ul.children("span:eq(1)").css("background","red");

// 2. ul標籤的第2個span後代標籤

$ul.find("span:eq(1)").css("background","red")

// 3. ul標籤的父標籤

$ul.parent().css("background","red")

// 4. id為cc的li標籤的前面的所有li標籤

var $li = $("#cc");

$li.prevall("li").css("background","red");

// 5. id為cc的li標籤的所有兄弟li標籤

$li.siblings("li").css("background","red");

jquery查詢元素

一 查詢元素 所有元素 element 該名稱的所有元素 p,input id 擁有指定id屬性的元素 class 擁有所有指定class屬性的元素 selector1,selector2 能匹配多個選擇器的元素 二 基本選擇器 div p 乙個元素是另乙個元素的後代 div p parent ch...

jquery 查詢元素技巧

div id 查詢所有含有 id 屬性的div元素。div id ajaxa 查詢 id 為 ajaxa 的 div 元素。div id ajaxa 查詢 id 不為 ajaxa 的 div 元素。div id ajaxa 查詢 id 以 ajaxa 開頭的 div 元素。div id ajaxa ...

jQuery元素查詢方法

myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,可以運用多種的選擇方...