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


相关文章
|
19天前
|
移动开发 前端开发 JavaScript
分享24个强大的HTML属性,建议每位前端工程师都应该掌握!
HTML属性非常多,除了一些基础属性外,还有许多有用的特别强大的属性
|
23天前
|
XML JavaScript 数据格式
python - bs4提取XML/HTML中某个标签下的属性
python - bs4提取XML/HTML中某个标签下的属性
19 0
|
29天前
|
JavaScript 前端开发
jquery怎么给循环出来的列表(类似于text框)取值和赋值
jquery怎么给循环出来的列表(类似于text框)取值和赋值
13 0
jquery怎么给循环出来的列表(类似于text框)取值和赋值
|
1月前
|
JavaScript
jQuery -第3次课-DOM操作元素属性-样式等-附资料、作业
jQuery -第3次课-DOM操作元素属性-样式等-附资料、作业
20 0
|
1月前
|
前端开发 JavaScript
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
18 0
|
1月前
|
人工智能 Go
鲜为人知但很有用的 HTML 属性
鲜为人知但很有用的 HTML 属性
|
1月前
|
JavaScript 前端开发 CDN
jQuery文件下载方法及引入HTML语法
去jQuery网站下载文件包,点击主页的“Download”之后,进入下载页面,可以选择production版本的进行下载,但是点击进去之后,浏览器并不会直接下载相关的文件,而是跳转到一个“密密麻麻”都是jQuery代码的页面,仔细查看浏览器地址栏中的url便可知,该页面其实就是jQuery的min版的文件,可以使用下面这种方法,下载jQuery文件
43 5
|
2月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
33 0
|
2月前
|
JavaScript
jQuery中如何来获取和设置属性?
jQuery中如何来获取和设置属性?
21 0

相关产品

  • 云迁移中心