0%

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

都坐下

1
2
3
4
5
6
7
8
9
10
11

$('#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")

bulb