contents()函数用于选取当前匹配元素的所有子节点(包括文本节点、注释节点等)，并以jquery对象的形式返回。
该函数属于jquery对象(实例)。
语法
jquery 1.2 新增该函数。
jqueryobject.contents( )
返回值
contents()函数的返回值为jquery类型，返回一个新的jquery对象，该对象包含了当前jquery对象匹配元素的所有子节点(包括元素、文本、注释等所有类型的节点)。
只要两个html标记之间存在任何空白字符(空格、换行符等)，就会被视作文本节点。
如果元素是一个d5ba1642137c3f32f4f4493ae923989c，则选取该文档的所有文档节点。
如果没有匹配的元素，则返回空的jquery对象。
示例&说明
以下面这段html代码为例：
<p id="n1">
hello
<span id="n2">
codeplayer
<span id="n3">a</span>
</span>
<!-- 注释内容 -->
<span id="n4">
b
<label id="n5"></label>
</span>
</p>
以下jquery示例代码用于演示contents()函数的具体用法：
//返回jquery对象所有匹配元素的标识信息数组
//每个元素形如：[文本内容]、[--注释内容--]或#id
function gettagsinfo($doms){
return $doms.map(function(){
if(this.nodetype == 3){ // 文本节点
return "[" + this.nodevalue + "]";
}else if(this.nodetype == 8){ // 注释节点
return "[--" + this.nodevalue + "--]";
}else{
return "#" + this.id;
}
}).get();
}
// 匹配n1元素所有的子节点(包括文本节点、注释节点等，下同)
var $n1_contents = $("#n1").contents();
document.writeln( gettagsinfo( $n1_contents ) ); // [ hello ],#n2,[ ],[-- 注释内容 --],[ ],#n4,[ ]
//匹配span元素所有的子节点
var $span_contents = $("span").contents();
document.writeln( gettagsinfo( $span_contents ) ); // [ codeplayer ],#n3,[ ],[a],[ b ],#n5,[ ]
// 匹配span元素所有子节点中的非element节点
var $span_text = $span_contents.filter( function(){
return this.nodetype != 1;
} );
document.writeln( gettagsinfo( $span_text ) ); // [ codeplayer ],[ ],[a],[ b ],[ ]
//匹配n5元素所有的子节点，n5标签中没有任何内容，因此返回空的jquery对象，匹配0个元素
var $n5_contents = $("#n5").contents();
document.writeln( $n5_contents.length ); // 0
以上就是jquery.contents() 函数详解的详细内容。