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

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 中‘&amp; ’‘=’ ‘@’符号的区别使用
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