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

js获取div高度的代码

Aug 09 Javascript

JavaScript 学习笔记（十四）正则表达式

Jan 22 Javascript

Javascript计算两个marker之间的距离(Google Map V3)

Apr 26 Javascript

教你如何使用node.js制作代理服务器

Nov 26 Javascript

Jquery实现纵向横向菜单

Jan 24 Javascript

jQuery实现的文字hover颜色渐变效果实例

Feb 20 Javascript

jquery ajax结合thinkphp的getjson实现跨域的方法

Jun 06 Javascript

SelecT下拉框选中和取值的解决方法

Nov 22 Javascript

详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用

Aug 23 Javascript

浅谈Angular HttpClient简单入门

May 04 Javascript

微信小程序图表插件wx-charts用法实例详解

May 20 Javascript

react如何快速设置文件路径别名

Apr 28 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

推荐几部必看的DC动画电影

2020/03/03 欧美动漫

信用卡效验程序

2006/10/09 PHP

PHP获取当前相对于域名目录的方法

2015/06/26 PHP

PHP超全局数组(Superglobals)介绍

2015/07/01 PHP

PHP小偷程序的设计与实现方法详解

2016/10/15 PHP

PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)

2016/11/15 PHP

根据key删除数组中指定的元素实现方法

2017/03/02 PHP

PHP闭包定义与使用简单示例

2018/04/13 PHP

用JS判别浏览器种类以及IE版本的几种方法小结

2011/08/02 Javascript

jQuery实现的登录浮动框效果代码

2015/09/26 Javascript

JS组件Form表单验证神器BootstrapValidator

2016/01/26 Javascript

JS选取DOM元素的简单方法

2016/07/08 Javascript

微信小程序动态的加载数据实例代码

2017/04/14 Javascript

JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】

2017/04/24 Javascript

vue-router2.0 组件之间传参及获取动态参数的方法

2017/11/10 Javascript

vue使用自定义icon图标的方法

2018/05/14 Javascript

详解Vue源码之数据的代理访问

2018/12/11 Javascript

原生js实现each方法实例代码详解

2019/05/27 Javascript

vue vant Area组件使用详解

2019/12/09 Javascript

[59:07]海涛为你详解DOTA2新版本“贤哲秘契”

2014/11/22 DOTA

[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25

2018/08/29 DOTA

用Python编写web API的教程

2015/04/30 Python

python cx_Oracle的基础使用方法(连接和增删改查)

2017/11/19 Python

对python 多线程中的守护线程与join的用法详解

2019/02/18 Python

Python之字符串的遍历的4种方式

2020/12/08 Python

HTML5 Plus 实现手机APP拍照或相册选择图片上传功能

2016/07/13 HTML / CSS

英国最大的汽车交易网站：Auto Trader UK

2016/09/23 全球购物

SK-II神仙水美国官网：SK-II美国

2020/02/25 全球购物

毕业生求职简历的自我评价

2013/10/07 职场文书

家长给小学生的评语

2014/01/30 职场文书

小学节能减排倡议书

2014/05/15 职场文书

经营理念标语

2014/06/21 职场文书

党的群众路线教育实践活动对照检查材料

2014/09/22 职场文书

2015年元旦晚会活动总结（学生会）

2014/11/28 职场文书

Python调用腾讯API实现人脸身份证比对功能

2022/04/04 Python

Python可视化神器pyecharts之绘制箱形图

2022/07/07 Python