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)　　//必须有参数，搜索所有子元素