后代是子、孙、曾孙等等,通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。
下面是两个用于向下遍历 DOM 树的 jQuery 方法:
children() find()
jQuery children() 方法
获得匹配元素集合中每个元素的子元素,选择器选择性筛选。
因为就jQuery可以是一个DOM的合集对象,所以children
就需要遍历每一个合集中的直接子元素了,并且最后需要构建一个新的jQuery对象。
jQuery find() 方法
1、.find()方法返回被选元素的后代元素,一路向下直到最后一个后代。
2、.find()
方法允许我们能够通过查找DOM树中的这些元素的后代元素,匹配的元素将构造一个新的jQuery对象。
3、.find()
和.children()
方法是相似的,但后者只是再DOM树中向下遍历一个层级。
4、.find()
方法还可以接受一个选择器表达式,该选择器表达式可以是任何可传给$()
函数的选择器表达式。如果紧随兄弟匹配选择器,它将被保留在新构建的jQuery对象中;否则,它被排除在外。
这个方法用的概率相当高,除了接受一个选择器外,还可以接受一个jQuery对象,我们可以看到.find()方法的内部实际上是调用的jQuery.find 也就是sizzle的引擎选择器。
当然在高级版本中我们大多数可以这样处理:
function find(elem, selector) { return elem.querySelectorAll(selector); }
通过在指定的上下文,通过querySelectorAll直接查找出元素,具体是sizzle在之前就分析过了。
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报