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


相关文章
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
22 1
|
1月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
9 1
|
1月前
|
JavaScript
jquery实现单击div切换背景,再次单击回到原来样式
jquery实现单击div切换背景,再次单击回到原来样式
8 0
|
1月前
|
JavaScript
jquery给轮播图的第一张设置class样式
jquery给轮播图的第一张设置class样式
9 0
|
1月前
|
存储 开发者 SEO
|
1月前
|
JavaScript
jQuery 的属性拷贝(extend)的实现原理是什么,如何实现深拷贝?
jQuery 的属性拷贝(extend)的实现原理是什么,如何实现深拷贝?
20 2
|
1月前
|
移动开发 JavaScript 前端开发
编程笔记 html5&css&js 028 HTML输入属性(2/2)
编程笔记 html5&css&js 028 HTML输入属性(2/2)
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 027 HTML输入属性(1/2)
编程笔记 html5&css&js 027 HTML输入属性(1/2)
|
1月前
编程笔记 html5&css&js 023 HTML表单属性
编程笔记 html5&css&js 023 HTML表单属性
|
1月前
|
存储 移动开发 前端开发
编程笔记 html5&css&js 010 HTML全局属性
编程笔记 html5&css&js 010 HTML全局属性