html与text区别

 

相同点：

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

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

 

不同点一：

   html()在获取元素内容时，如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。

   text()在获取元素内容时，结果是由所有匹配元素包含的文本内容组合起来的文本

 

实例：

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


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

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

 

 

 

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

弹出框内容为：段落一

 

 

 

不同点二：

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

  text()在获取内容时，会忽略其中的标签

 

实例：

 

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

 

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

 

弹出框结果为：段落

 

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

弹出框结果为：<a><i>段落</i></a>

 

不同点三：

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

    text()更改的全是内容

 

实例：

 

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

网页上显示的是加粗的test

 

 

$("p").text("<b>test</b>")

网页上显示的是<b>test</>