jQuery常见结点操作

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()	返回所有兄弟姐妹节点，不分前后。

都坐下

$('#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元素开始找，等同于$("p span")。