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多重继承示例
Mar 13 Javascript
js中巧用cssText属性批量操作样式
Mar 13 Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
javasctipt如何显示几分钟前、几天前等
Apr 30 Javascript
jquery实现图片左右切换的方法
May 07 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
Node.js系列之连接DB的方法(3)
Aug 30 Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
vue实现登录功能
Dec 31 Vue.js
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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
一个简单的MySQL数据浏览器
2006/10/09 PHP
PHP新手NOTICE错误常见解决方法
2011/12/07 PHP
PHP连接操作access数据库实例
2015/03/30 PHP
thinkphp隐藏index.php/home并允许访问其他模块的实现方法
2016/10/13 PHP
laravel中命名路由的使用方法
2017/02/24 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
2014/06/24 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
javascript实现控制的多级下拉菜单
2015/07/05 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
nodejs搭建本地服务器并访问文件的方法
2017/03/03 NodeJs
在Vue中如何使用Cookie操作实例
2017/07/27 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
2019/05/06 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
微信小程序实现购物车小功能
2020/12/30 Javascript
探寻python多线程ctrl+c退出问题解决方案
2014/10/23 Python
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
python连接MySQL数据库实例分析
2015/05/12 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
详解python解压压缩包的五种方法
2019/07/05 Python
opencv3/python 鼠标响应操作详解
2019/12/11 Python
python中的socket实现ftp客户端和服务器收发文件及md5加密文件
2020/04/01 Python
Python面向对象实现方法总结
2020/08/12 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
新闻网站实习自我鉴定
2013/09/25 职场文书
二手房购房协议书范本
2014/10/05 职场文书
2015教师见习期工作总结
2014/12/12 职场文书
个人售房合同协议书
2016/03/21 职场文书
只用20行Python代码实现屏幕录制功能
2021/06/02 Python
Mysql Innodb存储引擎之索引与算法
2022/02/15 MySQL