jQuery 获取、设置HTML或TEXT内容的两种方法
更新时间：2014年05月23日 10:33:13 作者：
这篇文章主要介绍了jQuery 获取、设置HTML或TEXT内容的两种方法,需要的朋友可以参考下
jQuery提供了两个API可以直接用来为元素添加内容。
html()
text()
其中html()是为指定的元素添加html内容
text()是为指定的元素添加文本内容
两者的区别在于，text中的内容是纯文本，不会被解析为html
如果要对如下html代码进行操作
<body>
<p></p>
</body>
使用html()
$('p').html('<strong>Hello World</strong>, I am a <em><p></em> element.');
页面效果为
Hello World, I am a <p> element.
如果使用text()
$('p').text('<strong>Hello World</strong>, I am a <em><p></em> element.');
页面效果为
<strong>Hello World</strong>, I am a <em><p></em> element.
html()
text()
其中html()是为指定的元素添加html内容
text()是为指定的元素添加文本内容
两者的区别在于，text中的内容是纯文本，不会被解析为html
如果要对如下html代码进行操作
复制代码 代码如下:
<body>
<p></p>
</body>
使用html()
复制代码 代码如下:
$('p').html('<strong>Hello World</strong>, I am a <em><p></em> element.');
页面效果为
Hello World, I am a <p> element.
如果使用text()
复制代码 代码如下:
$('p').text('<strong>Hello World</strong>, I am a <em><p></em> element.');
页面效果为
<strong>Hello World</strong>, I am a <em><p></em> element.
您可能感兴趣的文章:
- jQuery获取标签文本内容和html内容的方法
- JQuery获取与设置HTML元素的内容或文本的实现代码
- jquery获取table中的某行全部td的内容方法
- jquery form表单获取内容以及绑定数据
- jQuery获取选中内容及设置元素属性的方法
- jQuery 同时获取多个标签的指定内容并储存为数组
- JQuery 获取多个select标签option的text内容(实例)
- jQuery获取table行数并输出单元格内容的实现方法
- 详解jQuery获取特殊属性的值以及设置内容
- JS和jQuery通过this获取html标签中的属性值(实例代码)
- jquery获取自定义属性(attr和prop)实例介绍
- jQuery HTML获取内容和属性操作实例分析
相关文章
Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动的实现代码，需要的朋友可以参考下。2010-11-11
jQuery position() 函数详解以及jQuery中position函数的应用
position()函数用于返回当前匹配元素相对于其被定位的祖辈元素的偏移，也就是相对于被定位的祖辈元素的坐标。该函数只对可见元素有效，通过本文给大家介绍jQuery position() 函数详解以及jQuery中position函数的应用，感兴趣的朋友一起学习吧2015-12-12
这篇文章主要为大家详细介绍了jQuery实现弹幕特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
jQuery实现的Email中的收件人效果（按del键删除）
基于jquery实现的Email中的收件人效果，可通过del键删除，需要的朋友可以参考下。2011-03-03
这篇文章主要介绍了一款非常酷炫的jQuery全屏3D焦点图动画效果其特点是整个焦点图基本是全屏显示的，非常大气，感兴趣的小伙伴们可以参考一下2016-03-03
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码,需要的朋友可以参考下。2010-10-10
详解Bootstrap的iCheck插件checkbox和radio
这篇文章主要详细介绍了Bootstrap的iCheck插件checkbox和radio的知识及bootstrap icheck获取radio的value值的方法，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-08-08
这篇文章主要为大家详细介绍了jQuery初级教程之网站品牌列表效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
文本框只能上人家选择数据进去，不能手动输入，经搜索研究发现个不错的解决方法，感兴趣的朋友可以参考下2013-11-11
对于想学习制作jquery 插件的朋友需要用的到。2008-12-12
最新评论