jQuery 集合 搜索操作(父輩元素搜索、同輩元素搜索、子元素搜索)


jQuery 對頁面元素的搜索包括 父元素、同輩元素、子元素 的搜索。

1.父元素搜索

1)parents([selector]) 方法

$("p").parents().css("border","1px solid #999");     //給p元素的父元素添加邊框樣式
$("p").parents("div").css(...);    //給p元素的父元素中的div元素添加樣式

(2)closest(selector[,context]) 方法

$("p").closest("div").css("color","blue");       //給指定p元素的第一個匹配的上級元素設置字體顏色

(3)parent([selector]) 方法

$("p").parent().css("border","1px solid #999");     //給p元素的父元素添加邊框樣式

(4)parentsUtil([selector]) 方法

(5)offsetParent() 方法。查找第一個匹配元素的已定位元素。(不太明白這個,做過實驗還是迷迷糊糊)

2.同輩元素搜索

(1)next([selector])

(2)nextAll([selector])

(3)nextUtil([selector])

(4)prev([selector])

(5)prevAll([selector])

(6)prevUtil([selector])

(7)siblings([selector]) //搜索所有同輩元素

3.子元素搜索

(1)children([selector])  //只搜索所有直接子元素

(2)find(selector)  //必須有參數,搜索所有子元素


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM