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

在修改准备发的批量美化select+可修改select时，在非IE下发现了几个问题

Jan 09 Javascript

弹出广告特效代码(一个IP只弹出一次)

May 11 Javascript

js 与 php 通过json数据进行通讯示例

Mar 26 Javascript

Jquery+asp.net后台数据传到前台js进行解析的方法

May 11 Javascript

防止登录页面出现在frame中js代码

Jul 22 Javascript

js文件包含的几种方式介绍

Sep 28 Javascript

jQuery使用hide方法隐藏元素自身用法实例

Mar 30 Javascript

jQuery插件制作之参数用法实例分析

Jun 01 Javascript

理解javascript闭包

Dec 15 Javascript

微信小程序 http请求详细介绍

Oct 09 Javascript

javascript实现圣旨卷轴展开效果（代码分享）

Mar 23 Javascript

JS多个异步请求按顺序执行next实现解析

Sep 16 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

PHPer 需要了解的 5 个 Composer 小技巧

2014/08/18 PHP

Lumen timezone 时区设置方法(慢了8个小时)

2018/01/20 PHP

javascript 对表格的行和列都能加亮显示

2008/12/26 Javascript

Js-$.extend扩展方法使方法参数更灵活

2013/01/15 Javascript

jQuery中prop()方法用法实例

2015/01/05 Javascript

jQuery实现简单二级下拉菜单

2015/04/12 Javascript

AngularJS学习笔记之ng-options指令

2015/06/16 Javascript

jquery在ie7下选择器的问题导致append失效的解决方法

2016/01/10 Javascript

在AngularJS中使用jQuery的zTree插件的方法

2016/04/21 Javascript

js获取浏览器高度窗口高度元素尺寸偏移属性的方法

2016/11/21 Javascript

Vue.js实现一个todo-list的上移下移删除功能

2017/06/26 Javascript

利用JS制作万年历的方法

2017/08/16 Javascript

vue中el-upload上传图片到七牛的示例代码

2018/10/19 Javascript

angular4自定义表单控件[(ngModel)]的实现

2018/11/23 Javascript

如何手动实现es5中的bind方法详解

2018/12/07 Javascript

基于JavaScript canvas绘制贝塞尔曲线

2018/12/25 Javascript

[03:36]2015国际邀请赛第二日现场精彩集锦

2015/08/06 DOTA

Python 字符串操作方法大全

2014/03/11 Python

Python 如何访问外围作用域中的变量

2016/09/11 Python

python 处理数字,把大于上限的数字置零实现方法

2019/01/28 Python

Python 50行爬虫抓取并处理图灵书目过程详解

2019/09/20 Python

Python如何获取Win7，Win10系统缩放大小

2020/01/10 Python

python实现引用其他路径包里面的模块

2020/03/09 Python

matlab、python中矩阵的互相导入导出方式

2020/06/01 Python

Python不支持 i ++ 语法的原因解析

2020/07/22 Python

Python实现画图软件功能方法详解

2020/07/28 Python

python如何运行js语句

2020/09/09 Python

html+css实现自定义图片上传按钮功能

2019/09/04 HTML / CSS

phpquery中文手册

2021/03/18 PHP

鞋类设计与工艺专业销售求职信

2013/11/01 职场文书

入党介绍人评语

2014/05/06 职场文书

企业演讲稿范文大全

2014/05/20 职场文书

生日庆典策划方案

2014/06/02 职场文书

应聘教师求职信范文

2015/03/20 职场文书

2016年优秀班主任先进事迹材料

2016/02/26 职场文书

MySQL 语句执行顺序举例解析

2022/06/05 MySQL