当前位置: 首页 > 工具软件 > Contents > 使用案例 >

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

呼延俊良
2023-12-01

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

 类似资料: