首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS获取节点兄弟,父级,子级元素方法

2015-08-18 03:48:27 下面介绍JQUERY父,子,兄弟节点查找方法 jQuery.parent(expr)  找父亲节点,可以传入expr进行过滤,比如$("span").parent...,这个方法只会返回直接孩子节点,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。...这个方法和children()区别就在于,包括空白文本,也会被作为一个 jQuery对象返回,children()则只会返回节点 jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll...(),返回所有之前兄弟节点 jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 jQuery.nextAll(),返回所有之后兄弟节点 jQuery.siblings(),返回兄弟姐妹节点...jQuery.filter()是从初始jQuery对象集合中筛选出一部分,而jQuery.find()返回结果,不会有初始集合中内容,比如$("p"),find("span"),是从元素开始找

9.1K10
您找到你想要的搜索结果了吗?
是的
没有找到

获取DOM节点方法汇总

1.原生获取DOM节点方法 1.1 通过顶层document节点获取: document.getElementById("ID") document.getElementsByName("Name")...document.getElementsByClassName("className") document.getElementsByTagName("tagName") 注意,前两个都是document节点专有方法...节点方法 方法 用途 祖先 $("#A").parent() 获取A节点直接父节点 $("#A").parents() 获取A节点所有祖先节点 $("#A").parents(".B") 获取...HTMLCollection和NodeList共同点: 都是类数组对象,都有length属性; 都有共同方法:item,可以通过item(index)或者item(id)来访问返回结果中元素; 一般都是实时变动...HTMLCollection比NodeList多一项方法:NamedItem,可以通过传递id或name属性来获取节点信息 规定返回结果: node.childNodes 结果返回类型是 NodeList

4K10

JSjQuery获取不到动态添加元素节点解决方法

发现后添加元素无法删除,打印显示 undefined ,原来 JavaScript 和 jQuery 无法获取动态添加元素节点。...解决方法: 动态添加标签要事件委托才能获取节点,也就是说要用: $(selector).on(events,[selector],[data],fn) 属性解析: 参数 描述 events 一个或多个用空格分隔事件类型和可选命名空间...我们追加元素节点添加事件委托,就调用里面子节点了: 举个栗子,我在 .sup-img-box 中添加了子节点 .cert-img 。... {         $(this).parent().remove();         console.log($(this))     }) }) 注意: .sup-img-box 为动态添加节点父级节点...,这里要保证该父级节点不是动态添加,不然同样会获取不到。

6.7K10

js获取屏幕以及元素宽高方法

网页被卷去高:document.body.scrollTop 网页被卷去左:document.body.scrollLeft 三.滚动相关 scrollHeight: 获取对象滚动高度。...scrollWidth: 获取对象滚动宽度 document.documentElement.scrollTop 垂直方向滚动值 四.位置精确定位 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容最左端之间距离...scrollTop:设置或获取位于对象最顶端和窗口中可见内容最顶端之间距离 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定父坐标的计算左侧位置 offsetTop...:获取对象相对于版面或由 offsetTop 属性指定父坐标的计算顶端位置 五.坐标轴 event.clientX 相对文档水平座标 event.clientY 相对文档垂直座标 event.offsetX...相对容器水平坐标 event.offsetY 相对容器垂直坐标 六.width/clientWidth/offsetWidth以及height之间区别 width是指可见内容宽 height是指可见内容

6.7K20

js获取元素样式之getComputedStyle方法

习惯了jquery同学应该都知道获取元素样式方式可以直接写成(obj).css(style);更方便获取高度宽度等一些样式可以直接使用(obj).height()和 一、 getComputedStyle...是什么 getComputedStyle是一个可以获取当前元素所有最终使用CSS属性值。...为什么要用这个属性呢,是因为通过document.getElementById(element).style.xxx可以获取元素样式信息但是对于通过class属性引用外部样式表就获取不到了。...二、getComputedStyle与style区别 这个问题在上面也说过了,通过style方式可以获取样式,但是引用外部样式表获取不到,但是他可以设置属性,换句话说他是一个可读可写属性。...不过,currentStyle属性貌似不支持伪类样式获取,这是与getComputedStyle方法差异,也是jQuery css()方法无法体现一点。

22.4K30
领券