contents()与children()的用法和区别

一、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