jQuery常见结点操作汇总
jQuery获取节点
基本操作
功能 | 操作 | 注意事项 |
|---|---|---|
获取hxb的子节点 | hxb.children(expr) | 可以传入expr进行过滤，比如hxb.children()或者hxb.children(“span”)。 |
获取hxb的父节点 | hxb.parent(expr) | 可以传入expr进行过滤，比如hxb.parent()或者hxb.parent(“.class”)。 |
— | 注意 | 获取某个子节点或者父节点使用选择器过滤即可！ |
获取hxb的所有祖先元素 | hxb.parents(expr) | 这是是查找所有祖先元素，不限于父元素。类似于js中的offsetParent。 |
获取hxb的所有内容 | hxb.contents(); | 返回元素的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个jQuery对象返回，children()则只会返回节点。 |
获取hxb的下一个兄弟节点 | hxb.next() | — |
获取hxb的上一个兄弟节点 | hxb.prev() | — |
获取hxb之前的所有兄弟节点 | hxb.nextAll() | — |
获取hxb之后的所有兄弟节点 | hxb.prevAll() | — |
获取hxb的所有兄弟姐妹节点 | hxb.siblings() | 返回所有兄弟姐妹节点，不分前后。 |
都坐下
代码语言：javascript复制
$('#id').parentsUntil('.class'); //获取 #id 到 .class 之间的#id 的父级节点
$('#id').nextUntil('.class'); //获取 #id 之后到 .class 之间的所有节点
$('#id').prevUntil('.class'); //获取 #id 之前到 .class 之间的所有节点
$('div').first(); //获取第一个div节点
$('div').last(); //获取最后一个div节点
$('div').eq(index); //获取第index 1个div节点，index为索引值从0开始。
$('div').not('.class'); //获取所有类名不为class的div节点
$('div').filter('.class'); //获取所有类名为class的div节点------找自己
$('#id').find('条件'); //()不能为空，find会一直向子集（子集的子集···）寻找直到满足条件为止。------找儿子孙子孙孙子......
注意：jQuery.find(expr) 跟 jQuery.filter(expr) 完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如("p").find("span")，是从p元素开始找，等同于
