jQuery中contents()与children()的区别

1、基本概念

首先呢，这两个方法是有区别的。

ontents() 方法返回所有直接子元素，包括被选元素的文本和注释节点。

文本节点是由元素显示的实际文本。

该方法与 children() 方法类似，不同的是它返回的是文本和注释节点。如果在相同的域中，contents() 方法也能访问 iframe 的 HTML

children()

.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈）。参数可选，添加参数表示通过选择器进行过滤，对元素进行筛选。

因此呢，children是contents的子集。

2、文本节点

每个节点都拥有包含着关于节点某些信息的属性。这些属性是：

nodeName（节点名称）
nodeValue（节点值）
nodeType（节点类型）
有效的节点类型包括：

1-ELEMENT （元素）
2-ATTRIBUTE （属性）
3-TEXT （文本）
4-CDATA
5-ENTITY REFERENCE
6-ENTITY
7-PI (processing instruction)
8-COMMENT （注释）
9-DOCUMENT （文档）
10-DOCUMENT TYPE
11-DOCUMENT FRAGMENT
12-NOTATION

例如:

结果为：

这个结果是无法用children做出来的。

3、总结

相同点：都可以获得元素的子集。
不同点：contents更获得文本节点和框架内的元素。