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

      .html()和.text()

创新互联是一家专注网站建设、网络营销策划、小程序设计、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立10年以来，已经为数千家社区文化墙各业的企业公司提供互联网服务。现在，服务的数千家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。

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处理的对象只有一个子文本节点，则结果一样

分享文章：JQuery属性与样式——.html()和.text()
链接URL：http://6mz.cn/article/ggoosh.html