jquery中contenttype|jQuery中contents()与children()的区别

更新时间:2019-10-24    来源:jquery    手机版     字体:

【www.bbyears.com--jquery】


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

例如:

<script>
$(functions()
{
 $("#cc").contents().filter(function()
 {
  return this.nodeType==3;//文本节点
 }).wrap("");
});
</script>

 

 

  some
 

结果为:

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

3、总结

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

本文来源:http://www.bbyears.com/wangyezhizuo/75177.html

热门标签

更多>>

本类排行