jQuery 获取、设置HTML或TEXT内容的两种方法
作者：
这篇文章主要介绍了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获取内容和属性操作实例分析