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()
分享链接:http://azwzsj.com/article/ggoosh.html