一、contents()与children()的用法和区别
contents()方法方法获得匹配元素集合中每个元素的子节点,包括文本和注释节点。而children()只能获得匹配元素
集合中每个元素的子节点。
$(’.container’).contents() //可以获得 class 为container 的div 下的所有元素之间的子节点,包括文本节点
在控制台打印出来可以看到
而 $(’.container’).children() //只能获得div下的元素节点,二、filter()与find()的用法与区别
fitler(selector) 会对自身集合元素的筛选,而find(selector)是对匹配元素集合中的所有后代元素的筛选
案例如下:
Html Markup
<div>
<p class="rain">测试1</p>
</div>
<div class="rain">
<p>测试2</p>
</div>
console.log($(‘div’).find(’.rain’).html()) 打印出来的是 //测试1
console.log($(‘div’).filter(’.rain’).html()) 打印出来的是 //
测试2
而且 fiteler(selector|fn) 可以接受一个函数作为测试元素的集合,它接受一个参数index,这是元素在jQuery集合的索引。在函数, this指的是当前的DOM元素。
而 find()不能接受函数作为参数
原文链接:https://blog.csdn.net/qq_25602411/article/details/72637985