JQuery属性与样式——.html()和.text()

简介：

      .html()和.text()

1   .html与.text用于读取修和改元素的html结构或者文本内容

2   .html()获取集合中第一个匹配元素的HTML内容或设置每一个匹配元素的html内容

3.html()的3种方法   

   .html()不传入值，只获取集合中第一个匹配元素的HTML内容

   .html(htmlString)设置每一个匹配元素的html内容

   .html(function(index,oldhtml))返回设置HTML内容的一一个函数

4   .html()方法使用的是DOM的innerHTML属性来处理，所以针对整个HTML内容，不仅仅只是文本内容

5   .text()得到匹配元素集合中每个元素的文本内容结合（包括他们的后代）或设置匹配元素集合中每个元素的文本内容为指定的文本内容

6   .text()的方法有3种

   .text()得到匹配元素集合中每个元素的合并文本，包括他们的后代

   .text(textString)用于设置匹配元素内容的文本

   .text(function(index,text))用来返回设置文本内容的一个函数

7   .text()结果返回一个字符串，包括所有匹配元素的合并文本

8   .html与.text的不同

   .html处理的是元素内容，.text处理的是文本内容

   .html只能使用在HTML文档中，.text在XML和HTML文档中都能使用

   火狐不支持innerText属性，用了类似的textContent属性，而.text可以兼容所有的浏览器

8   .html与.text的相同点

   .html与.text的方法操作是一样的，只是在具体针对处理对象不同

   html与text处理的对象只有一个子文本节点，则结果一样

本文转自 拉考的考拉 51CTO博客，原文链接:http://blog.51cto.com/lakaodekaola/1981842