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

动态刷新 dorado树的js代码

Jun 12 Javascript

基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)

Sep 28 Javascript

jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)

Oct 20 Javascript

jquery showModelDialog的使用方法示例详解

Nov 19 Javascript

jQuery.ajax实现根据不同的Content-Type做出不同的响应

Nov 03 Javascript

JavaScript 字符串数字左补位，右补位，取固定长度，截位扩展函数代码

Mar 25 Javascript

Vee-Validate的使用方法详解

Sep 22 Javascript

深入理解Vuex 模块化(module)

Sep 26 Javascript

JS实现判断图片是否加载完成的方法分析

Jul 31 Javascript

js逆向解密之网络爬虫

May 30 Javascript

layui 选择列表,打勾,点击确定返回数据的例子

Sep 02 Javascript

vue 限制input只能输入正数的操作

Aug 05 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使用memcache存储session的详解

2013/06/25 PHP

thinkphp模板输出技巧汇总

2014/11/24 PHP

详解PHP中的 input属性（隐藏只读限制）

2017/08/14 PHP

浅析JavaScript原型继承的陷阱

2013/12/03 Javascript

jquery的父子兄弟节点查找示例代码

2014/03/03 Javascript

jQuery链使用指南

2015/01/20 Javascript

简介JavaScript中的push()方法的使用

2015/06/09 Javascript

关于JS中prototype的理解

2015/09/07 Javascript

Jqgrid之强大的表格插件应用

2015/12/02 Javascript

ichart.js绘制虚线、平均分虚线效果的实现代码

2016/05/05 Javascript

JS设计模式之惰性模式（二）

2017/09/29 Javascript

jQuery实现动态显示select下拉列表数据的方法

2018/02/05 jQuery

在JS循环中使用async/await的方法

2018/10/12 Javascript

Vuex中的State使用介绍

2019/01/19 Javascript

详解Vue中watch对象内属性的方法

2019/02/01 Javascript

浅谈react-router@4.0 使用方法和源码分析

2019/06/04 Javascript

layUI实现三级导航菜单效果

2019/07/26 Javascript

js防抖函数和节流函数使用场景和实现区别示例分析

2020/04/11 Javascript

vue中全局路由守卫中替代this操作(this.$store/this.$vux)

2020/07/24 Javascript

Vue2.0 ES6语法降级ES5的操作

2020/10/30 Javascript

[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/20 DOTA

[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海

2018/08/26 DOTA

python使用itchat实现手机控制电脑

2018/02/22 Python

python3.6的venv模块使用详解

2018/08/01 Python

django 简单实现登录验证给你

2019/11/06 Python

Python3标准库之dbm UNIX键-值数据库问题

2020/03/24 Python

Python extract及contains方法代码实例

2020/09/11 Python

英国户外装备和冒险服装零售商：alloutdoor

2018/01/30 全球购物

澳大利亚100%丝绸多彩度假装商店：TheSwankStore

2019/09/04 全球购物

俄罗斯护发和专业化妆品购物网站：Hihair

2019/09/28 全球购物

介绍一下常见的木马种类

2014/11/15 面试题

医院搬迁方案

2014/06/14 职场文书

超市理货员岗位职责

2014/07/04 职场文书

党支部三会一课计划

2014/09/24 职场文书

高三英语教学计划

2015/01/23 职场文书

60条职场经典语录，总有一条能触动你的心

2019/08/21 职场文书