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

转载于:https://www.cnblogs.com/lihuiyy/archive/2012/07/09/2582566.html

jQuery 集合搜索操作（父辈元素搜索、同辈元素搜索、子元素搜索）相关推荐

php 元素添加子元素,css,html_怎么在添加的子元素上继承父元素上已存在的子元素的属性？，css,html,javascript - phpStudy...
怎么在添加的子元素上继承父元素上已存在的子元素的属性? 请问如何使添加后的子元素(tr)也能在鼠标经过前后继续保留其存在的子元素上的属性? dom的基础应用 window.οnlοad=functio ...
原生JavaScript如何解决父元素查找指定类名的子元素的问题
原生JavaScript如何解决父元素查找指定类名的子元素的问题参考文章: (1)原生JavaScript如何解决父元素查找指定类名的子元素的问题 (2)https://www.cnblogs.co ...
父元素设置了圆角，子元素没有设置圆角，子元素的直角会遮挡住父元素的圆角
父元素设置了圆角,子元素没有设置圆角,子元素的直角会遮挡住父元素的圆角在开发时,我们经常会遇到给父元素设置了圆角,但子元素没有设置圆角,子元素的直角会遮挡住父元素的圆角的问题,如何解决这个问题呢,只 ...
html一级子元素,利用JavaScript怎么获取元素下的第一级子元素
利用JavaScript怎么获取元素下的第一级子元素发布时间:2021-01-22 17:03:51 来源:亿速云阅读:112 作者:Leah 这期内容当中小编将会给大家带来有关利用JavaScr ...
jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递...
前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问 ...
固定父元素的默认高度若子元素超过父元素的高度则父元素被撑开
本来想着用jquery从页面上先进行判断,再进行样式的修改. 问了一下,原来css有min-height属性.真香. min-height 属性设置元素的最低高度. 注意: min-height属性不 ...
关于flex布局中,父元素高度auto，由一子元素撑开，另一子元素自适应高度问题
.expressRecord-single-close {//父元素样式 width: 100%; height: auto; display: flex; justify-content: flex ...
js获取元素下的第一级子元素
js childnodes获取的是所有的子元素,而我们实际要获取第一级子元素. function getChildren(obj){var objChild = [] ;var objs = obj. ...
怎么html让元素脱离文档流,子元素设置绝对定位之后脱离文档流！
子元素设置绝对定位之后脱离文档流之后父容器宽高都为都不撑开了. 很多时候都是宽高都是0: 子元素设置绝对定位如何让子元素自己撑开高度? 下面的这个子元素设置绝对定位后,父元素宽高都为0 了. 如何让 ...
父元素设置了padding，子元素如何忽略掉这个padding
背景: 现如今在进行前端开发时,为了能够快速的构建项目,我们往往会使用到现存市面上封装好的一些ui组件库,比如vue的element组件库,react的ant-design,但在使用这些组件库时,往往 ...

jQuery 集合搜索操作（父辈元素搜索、同辈元素搜索、子元素搜索）

jQuery 集合搜索操作（父辈元素搜索、同辈元素搜索、子元素搜索）相关推荐

最新文章

热门文章

jQuery 集合 搜索操作（父辈元素搜索、同辈元素搜索、子元素搜索）

jQuery 集合 搜索操作（父辈元素搜索、同辈元素搜索、子元素搜索）相关推荐

最新文章

热门文章

jQuery 集合搜索操作（父辈元素搜索、同辈元素搜索、子元素搜索）

jQuery 集合搜索操作（父辈元素搜索、同辈元素搜索、子元素搜索）相关推荐