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

yepnope.js 异步加载资源文件

Sep 08 Javascript

JS随即打乱数组实现代码

Dec 03 Javascript

javaScript复制功能调用实现方案

Dec 13 Javascript

js字符串转换成xml对象并使用技巧解读

Apr 18 Javascript

node.js中的fs.appendFile方法使用说明

Dec 17 Javascript

Jquery 垂直多级手风琴菜单附源码下载

Nov 17 Javascript

Jquery对新插入的节点绑定Click事件失效的解决方法

Jun 02 Javascript

BootStrap Fileinput上传插件使用实例代码

Jul 28 Javascript

在knockoutjs 上自己实现的flux(实例讲解)

Dec 18 Javascript

vue+vuex+axios实现登录、注册页权限拦截

Mar 09 Javascript

webpack+vue-cil中proxyTable处理跨域的方法

Jul 20 Javascript

js实现鼠标点击飘爱心效果

Aug 19 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

10 个经典PHP函数

2013/10/17 PHP

PHP对象递归引用造成内存泄漏分析

2014/08/28 PHP

PHP中if和or运行效率对比

2014/12/12 PHP

PHP获取文件相对路径的方法

2015/02/26 PHP

PHP整合PayPal支付

2015/06/11 PHP

php安装扩展mysqli的实现步骤及报错解决办法

2017/09/23 PHP

js removeChild 障眼法可能出现的错误

2009/10/06 Javascript

JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题

2011/09/28 Javascript

jQuery获取上传文件的名称的正则表达式

2015/05/21 Javascript

JavaScript之WebSocket技术详解

2016/11/18 Javascript

Bootstrap table使用方法详细介绍

2016/12/09 Javascript

Bootstrap CSS组件之面包屑导航(breadcrumb)

2016/12/17 Javascript

浅谈Angular的$q, defer, promise

2016/12/20 Javascript

Javascript实现基本运算器

2017/07/15 Javascript

详解webpack2+node+react+babel实现热加载(hmr)

2017/08/24 Javascript

浅谈vue项目如何打包扔向服务器

2018/05/08 Javascript

详解Puppeteer 入门教程

2018/05/09 Javascript

微信小程序 slot踩坑的解决

2019/04/01 Javascript

JS实现骰子3D旋转效果

2019/10/24 Javascript

python使用递归解决全排列数字示例

2014/02/11 Python

Python入门篇之字符串

2014/10/17 Python

利用python实现xml与数据库读取转换的方法

2017/06/17 Python

一道python走迷宫算法题

2018/01/22 Python

PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法

2019/08/06 Python

python如何快速拼接字符串

2020/10/28 Python

博朗(Braun)俄罗斯官方商店：德国小家电品牌

2019/09/24 全球购物

ASICS印度官方网站：日本专业运动品牌

2020/06/20 全球购物

数学系毕业生求职信

2014/05/29 职场文书

2015年综治维稳工作总结

2015/04/07 职场文书

党员读书活动心得体会

2016/01/14 职场文书

php中pcntl_fork详解

2021/04/01 PHP

Django利用AJAX技术实现博文实时搜索

2021/05/06 Python

为什么代码规范要求SQL语句不要过多的join

2021/06/23 MySQL

python字典的元素访问实例详解

2021/07/21 Python

nginx中proxy_pass各种用法详解

2021/11/07 Servers

Win11电脑显示本地时间与服务器时间不一致怎么解决?

2022/04/05 数码科技