jQuery 获取、设置HTML或TEXT内容的两种方法
2014-05-23 00:00
901 查看
jQuery提供了两个API可以直接用来为元素添加内容。
html()
text()
其中html()是为指定的元素添加html内容
text()是为指定的元素添加文本内容
两者的区别在于,text中的内容是纯文本,不会被解析为html
如果要对如下html代码进行操作
使用html()
页面效果为
Hello World, I am a <p> element.
如果使用text()
页面效果为
<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或TEXT内容的两种方法
- jQuery 获取、设置HTML或TEXT内容的两种方法
- jQuery -> 获取/设置HTML或TEXT内容
- jquery中html()或text()方法获取或设置p标签的值
- jquery中html()或text()方法获取或设置p标签的值
- jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)
- jQuery -> 获取/设置HTML或TEXT内容
- jQuery -> 获取/设置HTML或TEXT内容
- jQuery获取文本节点之 text()/val()/html() 方法区别
- Lotusscript代理调用正则表达式过滤掉<html>代码,获取notesRichTextItem内容信息的方法
- jQuery获取文本节点之-text()/val()/html() 方法区别
- 关于jquery html()方法获取带有OBJECT标签的元素内容时,出现“类型不匹配。”的解决办法
- js使用html()或text()方法获取设置p标签的显示的值
- jQuery 获取 div 之间的内容,有两种方法
- JavaScript(19)jQuery HTML 获取和设置内容和属性
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- js使用html()或text()方法获取设置p标签的显示的值
- jQuery获取选中内容及设置元素属性的方法
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)