jQuery 集合 搜索操作(父辈元素搜索、同辈元素搜索、子元素搜索)
2012-07-09 13:26
399 查看
jQuery 对页面元素的搜索包括 父元素、同辈元素、子元素 的搜索。
1.父元素搜索
(1)parents([selector]) 方法
(2)closest(selector[,context]) 方法
(3)parent([selector]) 方法
(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) //必须有参数,搜索所有子元素
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) //必须有参数,搜索所有子元素
相关文章推荐
- jQuery 集合 搜索操作(父辈元素搜索、同辈元素搜索、子元素搜索)
- 操作jQuery集合搜索父元素
- 操作jQuery集合搜索父元素
- jQuery搜索同辈元素方法
- Jquery之搜索父元素操作
- 操作jQuery集合——搜索操作
- jQuery之搜索同辈元素
- jQuery搜索同辈元素方法
- jQuery搜索同辈元素方法
- jQuery操作DOM元素
- jQuery对表单元素的取值和赋值操作代码
- 用jquery和用js操作元素方式不一样
- 1.jQuery基础语法 2.jQuery选择器、操作页面文档元素 3.jqueryDOM操作 4.jqueryCSS操作 5.Jquery事件 6.Jquery动画
- Jquery 解决获取同辈元素
- jQuery的Select操作集合
- JQuery之三: 操作元素的properties和attributes
- jquery(四)JQuery框架操作元素的属性与样式
- jQuery-对Select的操作集合[终结篇]
- jQuery-对Radio/CheckBox的操作集合
- 实用jquery操作表单元素代码