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 相关文章推荐
javascript网页关闭时提醒效果脚本
Oct 22 Javascript
JavaScript 闭包在封装函数时的简单分析
Nov 28 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
详解能在多种前端框架下使用的表格控件
Jan 11 Javascript
php输出全部gb2312编码内的汉字方法
Mar 04 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
Jul 06 Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 Javascript
vue-router重定向不刷新问题的解决
Jun 25 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
使用flow来规范javascript的变量类型
Sep 12 Javascript
vue中jsonp插件的使用方法示例
Sep 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
比特率,大家看看这个就不用收音机音质去比MP3音质了
2021/03/01 无线电
咖啡语言
2021/03/03 咖啡文化
DEDECMS首页调用图片集里的多张图片
2015/06/05 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
2012/07/31 Javascript
JavaScript 判断浏览器是否支持SVG的代码
2013/03/21 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
jquery1.10给新增元素绑定事件的方法
2014/03/06 Javascript
浅谈JavaScript事件的属性列表
2015/03/01 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
简单理解js的冒泡排序
2016/12/19 Javascript
jQuery替换节点元素的操作方法
2018/03/18 jQuery
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
从理论角度讨论JavaScript闭包
2019/04/03 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
vue 中几种传值方法(3种)
2019/11/12 Javascript
antd form表单数据回显操作
2020/11/02 Javascript
Python MD5文件生成码
2009/01/12 Python
wxPython中listbox用法实例详解
2015/06/01 Python
Python设置默认编码为utf8的方法
2016/07/01 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
django-allauth入门学习和使用详解
2019/07/03 Python
Python爬虫实现使用beautifulSoup4爬取名言网功能案例
2019/09/15 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
使用Python合成图片的实现代码(图片添加个性化文本,图片上叠加其他图片)
2020/04/30 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
NET程序员上机面试题
2015/05/23 面试题
中学生运动会通讯稿大全
2014/09/18 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
优秀团队申报材料
2014/12/26 职场文书
大学生敬老院活动总结
2015/05/07 职场文书
2015学校年度工作总结
2015/05/11 职场文书
导游词之台湾阿里山
2019/10/23 职场文书
Python中itertools库的四个函数介绍
2022/04/06 Python