小白前端路--html和text的区别

-相同点：
获取匹配到的内容：

$("p").text();
$("p").html();

修改选中的内容：

$("p").text("小白兔");
$("p").html("小白兔");

-不同点：
1. html()获取文本时如果匹配文本多于一个元素时，只返回第一个元素。
text()返回所有匹配元素的文字组合。

<p>段落一</p>  
<p>段落二<p>   

$(function(){  
    alert($("p").html());  
})  

 弹出框结果为： 段落一 
$(function(){  
 alert($("p").text());  
})  

弹出框结果为： 段落一段落二  

1. html()会把其中的标签也读出来，text()只会读取内容。

<p><a><i>我是段落</i></a></p>

$("p").html();
<a><i>我是段落<\i><\a>

$("p").text();
我是段落

1. html在更改的时候可以加入标签，text只能添加内容

$("p").html("<b>哈哈</b>");
网页显示：加粗的"哈哈"

$("p").text("<b>哈哈</b>");
网页显示： <b>哈哈</b>