父元素
- jQuery.parent([selector]) 直接父节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") 有人可能会问:一个 DOM 元素的父元素不是只有一个么,为什么还要一个 selector 选择器进行筛选呢?其实一个 jQuery 对象可能包含有很多个 DOM 元素,例如$('a').parent() 就是选择所有 <a> 标签的父元素,这样返回的就是一个元素集,所以可以进行筛选。
- jQuery.parents([selector]) 类似于jQuery.parents([selector]) 但是是查找所有祖先元素,不限于父元素
- JQuery.closest([selector]) 本方法用于向上遍历 jQuery 对象中包含的 DOM 元素或者 DOM 元素集的祖先节点,直到找到符合 selector 选择器的节点为止,而不会在继续向上获取满足条件的祖先元素
子元素
- jQuery.children([selector]) 选择所有直接子元素
- find([selector]) 递归遍历所有子孙元素
- jQuery.contents([selector]) 返回元素下的所有内容,包括节点和文本。与children([selector])的区别在于,包括空白文本,也会被作为一个 jQuery对象返回,children()则只会返回节点
之前之后
- jQuery.prev([selector]) 返回上一个兄弟节点,不是所有的兄弟节点
- jQuery.prevAll([selector]) 返回所有之前的兄弟节点
- jQuery.next([selector]) 返回下一个兄弟节点,不是所有的兄弟节点
- jQuery.nextAll([selector]) 返回所有之后的兄弟节点
- jQuery.siblings([selector]) 返回兄弟姐妹节点,不分前后