html与text区别

相同点：

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

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

不同点一：

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

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

实例：

[javascript]  view plain  copy

 

1. <p>段落一</p>  
2. <p>段落二<p>   
3.   
4.   
5. $(function(){  
6.  alert($("p").text());  
7. })  
8.   
9. 弹出框结果为： 段落一段落二  

[javascript]  view plain  copy

 

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

弹出框内容为：段落一

不同点二：

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

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

实例：

[html]  view plain  copy

 

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

[javascript]  view plain  copy

 

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

弹出框结果为：段落

[javascript]  view plain  copy

 

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

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

不同点三：

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

    text()更改的全是内容

实例：

[javascript]  view plain  copy

 

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

网页上显示的是加粗的test

[javascript]  view plain  copy

 

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

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