jQuery -> 获取/设置HTML或TEXT内容
2014-05-22 19:14
639 查看
jQuery提供了两个API可以直接用来为元素添加内容。
其中
两者的区别在于,text中的内容是纯文本,不会被解析为html
如果要对如下html代码进行操作
[html] view
plaincopy
<body>
<p></p>
</body>
使用
[javascript] view
plaincopy
$('p').html('<strong>Hello World</strong>, I am a <em><p></em> element.');
页面效果为
Hello World, I am a <p> element.
如果使用
[javascript] view
plaincopy
$('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代码进行操作
[html] view
plaincopy
<body>
<p></p>
</body>
使用
html()
[javascript] view
plaincopy
$('p').html('<strong>Hello World</strong>, I am a <em><p></em> element.');
页面效果为
Hello World, I am a <p> element.
如果使用
text()
[javascript] view
plaincopy
$('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或TEXT内容
- jQuery -> 获取/设置HTML或TEXT内容
- jQuery 获取、设置HTML或TEXT内容的两种方法
- jQuery 获取、设置HTML或TEXT内容的两种方法
- jQuery 获取、设置HTML或TEXT内容的两种方法
- JavaScript(19)jQuery HTML 获取和设置内容和属性
- JQUERY操作html--获取和设置内容、属性、回调函数
- jQuery来了--text(),html(),val(),attr(),捕获内容/属性,设置内容/属性,回调函数
- jquery 设置元素内容html(),text(),val()
- jQuery知识点(4)-.html() .text() .val() .attr()获取元素内容、值、属性
- Jquery中获取节点内容的html、text和val对比
- jquery中html()或text()方法获取或设置p标签的值
- jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)
- Jquery—获取和设置html内容和属性
- jQuery DOM-获取、设置、添加、删除html文本的内容
- jQuery的DOM操作之设置和获取HTML、文本和值 html()text()val()
- Lotusscript代理调用正则表达式过滤掉<html>代码,获取notesRichTextItem内容信息的方法
- jquery中html()或text()方法获取或设置p标签的值
- jQuery - 设置内容和属性 设置内容 - text()、html() 以及 val() , 设置属性 - attr()
- jQuery学习笔记三:获取内容(text、html、val)