编程 Javascript

jQuery 获取、设置HTML或TEXT内容的两种方法

Posted in Javascript onMay 23, 2014

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 element.

如果使用text()

$('p').text('<strong>Hello World</strong>, I am a <em><p></em> element.');

页面效果为

Hello World, I am a element.

jQuery 获取、设置HTML或TEXT内容的两种方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript中的其他对象

Jan 16 Javascript

div+css布局的图片连续滚动js实现代码

May 04 Javascript

window.open关于浏览器拦截问题分析及解决方法

Feb 05 Javascript

node.js中的querystring.parse方法使用说明

Dec 10 Javascript

jquery实现通用的内容渐显Tab选项卡效果

Sep 07 Javascript

原生javascript实现分享到朋友圈功能支持ios和android

May 11 Javascript

玩转JavaScript OOP - 类的实现详解

Jun 08 Javascript

jQuery实现点击弹出背景变暗遮罩效果实例代码

Jun 24 Javascript

详解js中常规日期格式处理、月历渲染和倒计时函数

Dec 28 Javascript

jQuery动态添加.active 实现导航效果代码思路详解

Aug 29 jQuery

axios对请求各种异常情况处理的封装方法

Sep 25 Javascript

微信小程序公用参数与公用方法用法示例

Jan 09 Javascript

jQuery 获取兄弟元素的几种不错方法

May 23 #Javascript

jquery 中的each()跳出循环的语句

May 23 #Javascript

Jquery给基本控件的取值、赋值示例

May 23 #Javascript

js动态修改整个页面样式达到换肤效果

May 23 #Javascript

js统计录入文本框中字符的个数并加以限制不超过多少

May 23 #Javascript

javascript为下拉列表动态添加数据项

May 23 #Javascript

js检测网络是否具体连接功能的代码

May 23 #Javascript