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) //必須有參數,搜索所有子元素