JQuery属性与样式——.html()和.text()-阿里云开发者社区

开发者社区> 科技小能手> 正文

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


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
全面入门jQuery最佳实践(二)-jQuery的属性与样式
1 .attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。
966 0
【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81055973 ...
843 0
Jquery 获取和设置元素属性值
Jquery 获取和设置元素属性值 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循“署名-非商业用途-保持一致”创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。
1044 0
HTML5音频audio属性
来源:https://segmentfault.com/a/1190000008932943?utm_source=tuicool&utm_medium=referral audio 的控制函数主要有: load() 加载音频、视频软件,通常不必调用,除非是动态生成的元素,用来在播放前预加载pla...
911 0
duilib 修复Text控件无法设置宽度的bug,增加自动加算宽度的属性
转载请说明原出处,谢谢~~:       今天有朋友反映CTextUI控件无法设置宽度,于是修复了这个bug,顺便给Text控件增加了一个自动计算宽度的属性,描述如下       bug出现在EstimeteSize函数,...
874 0
14426
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载