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

contents()与children()的用法和区别相关推荐

python 类变量、实例变量、参数、实例方法、类方法、静态方法的用法和区别
#!/usr/bin/env python # -*- encoding: utf-8 -*- """ @Introduce : 类变量.实例变量.参数.实例方法.类方法 ...
kmalloc/kfree,vmalloc/vfree函数用法和区别
kmalloc/kfree,vmalloc/vfree函数用法和区别 1.kmalloc 1>kmalloc内存分配和malloc相似,除非被阻塞否则他执行的速度非常快,而且不对获得空间清零. ...
Javascript:history.go()和history.back()的用法和区别
Javascript:history.go()和history.back()的用法和区别简单的说就是:go(-1): 返回上一页,原页面表单中的内容会丢失:back(): 返回上一页,原页表表单中 ...
Js-parentNode、parentElement，childNodes、children 它们有什么区别呢？
原文:http://www.it130.cn/Article/FAQ/Web-kaifa/JavaScript/2007-3-20/2007032017013900.html 所属分类:Web 开发 ...
set和enum类型的用法和区别
mysql中的set和enum类型的用法和区别 mysql中的enum和set其实都是string类型的而且只能在指定的集合里取值, 不同的是set可以取多个值,enum只能取一个值. 1 2 3 ...
javascript中children和childNodes的区别
javascript中children和childNodes的区别 1.childNodes:它是标准属性,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本节点. 可以通过nodeType ...
PHP中MySQL、MySQLi和PDO的用法和区别
MySQL 是 PHP 操作 MySQL 数据库最原始的 Extension.MySQLi 的 i 代表 Improvement ,提供了相对进阶的功能,就 Extension 而言,本身也增加了安全 ...
Java-线程中sleep()、wait()和notify()和notifyAll()、suspend和resume()、yield()、join()、interrupt()的用法和区别
Java线程中sleep().wait()和notify()和notifyAll().suspend和resume().yield().join().interrupt()的用法和区别从操作系统的角 ...
ASP.NET Application,Session,Cookie和ViewState等对象用法和区别
ASP.NET Application,Session,Cookie和ViewState等对象用法和区别在ASP.NET中,有很多种保存信息的内置对象,如:Application,Session,C ...
Java学习笔记1:Java中有关print、println、printf的用法和区别
Java学习笔记1:Java中有关print.println.printf的用法和区别最近在学习java,写一些笔记记录下. 1.print()函数是一般的标准输出,但是不换行. 2.println ...

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

contents()与children()的用法和区别相关推荐

最新文章

热门文章