编程 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 相关文章推荐

基于Jquery实现的一个图片滚动切换

Jun 21 Javascript

JavaScript中valueOf函数与toString方法深入理解

Dec 02 Javascript

javascript正则表达式总结

Feb 29 Javascript

JS使用正则表达式实现关键字替换加粗功能示例

Aug 03 Javascript

利用vue-router实现二级菜单内容转换

Nov 30 Javascript

详解A标签中href=""的几种用法

Aug 20 Javascript

微信小程序Getuserinfo解决方案图解

Aug 24 Javascript

在vue中给列表中的奇数行添加class的实现方法

Sep 05 Javascript

js函数和this用法实例分析

Mar 13 Javascript

基于Echarts图表在div动态切换时不显示的解决方式

Jul 20 Javascript

如何构建一个Vue插件并生成npm包

Oct 26 Javascript

JavaScript实现点击切换验证码及校验

Jan 10 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

You might like

PHP 危险函数解释分析

2009/04/22 PHP

wamp安装后自定义配置的方法

2014/08/23 PHP

php使用ob_start()实现图片存入变量的方法

2014/11/14 PHP

PHP实现基于文本的摩斯电码生成器

2016/01/11 PHP

php版微信公众平台回复中文出现乱码问题的解决方法

2016/09/22 PHP

php微信公众平台交互与接口详解

2016/11/28 PHP

js 动态修改css文件的方法

2014/08/05 Javascript

8个超实用的jQuery功能代码分享

2015/01/08 Javascript

jQuery实现个性翻牌效果导航菜单的方法

2015/03/09 Javascript

Bootstrapvalidator校验、校验清除重置的实现代码(推荐)

2016/09/28 Javascript

jq stop()和:is(:animated)的用法及区别(详解)

2017/02/12 Javascript

canvas仿iwatch时钟效果

2017/03/06 Javascript

MUI 解决动态列表页图片懒加载再次加载不成功的bug问题

2017/04/13 Javascript

Bootstrap滚动监听组件scrollspy.js使用方法详解

2017/07/20 Javascript

微信小程序自定义带价格显示日历效果

2018/12/29 Javascript

Vuex 模块化使用详解

2019/07/31 Javascript

Vue搭建后台系统需要注意的问题

2019/11/08 Javascript

浅谈python字符串方法的简单使用

2016/07/18 Python

django实现前后台交互实例

2017/08/07 Python

Python 监测文件是否更新的方法

2019/06/10 Python

使用Windows批处理和WMI设置Python的环境变量方法

2019/08/14 Python

解决Python列表字符不区分大小写的问题

2019/12/19 Python

Python变量格式化输出实现原理解析

2020/08/06 Python

Python生成并下载文件后端代码实例

2020/08/31 Python

Numpy数组的广播机制的实现

2020/11/03 Python

Pycharm Plugins加载失败问题解决方案

2020/11/28 Python

html5使用canvas画一条线

2014/12/15 HTML / CSS

HTML5拖拉上传文件的简单实例

2017/01/11 HTML / CSS

美国高级音响品牌：Master＆Dynamic

2018/07/05 全球购物

JDO的含义

2012/11/17 面试题

缴纳养老保险的证明

2014/01/10 职场文书

质检部经理岗位职责

2014/02/19 职场文书

大学班级文化建设方案

2014/05/06 职场文书

员工生日会策划方案

2014/06/14 职场文书

费用申请报告范文

2015/05/15 职场文书

攻略丨滑雪究竟该选哪款对讲机？

2022/02/18 无线电