html与text的区别

相同点

获取匹配到的元素的内容 $(“p”).text();

给获取到的元素更改内容 $(“p”).html(“更改后的p标签”);

 

不同点一

html()获取内容时，只有第一个被匹配的html内容会被获取 
text()则获取所有匹配的元素包含的文本内容组合起来的文本

<p>a</p>
<p>b</p>
console.log($("p").text());   //ab
console.log($("p").html());//a

不同点二

html()在获取内容时，会将其中的其他标签也读取出来 
text()在获取内容时，会忽略其中的标签

 

    <p><a><i><p/><a/><i/>
    console.log($("p").text());   //a
    console.log($("p").html());//<a><i>a</a></i>

不同点三

html()在更改内容时，可以加入标签 
text()更改的全是内容

 

console.log($("p").html("<b>test</b>"));  //test
console.log($("p").text("<b>test</b>"));//<b>test</b>