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

jquery判断元素是否隐藏的多种方法

May 06 Javascript

解决JS组件bootstrap table分页实现过程中遇到的问题

Apr 21 Javascript

H5移动端适配 Flexible方案

Oct 24 Javascript

jQuery中的一些小技巧

Jan 18 Javascript

详解js的异步编程技术的方法

Feb 09 Javascript

AngularJS使用ng-repeat遍历二维数组元素的方法详解

Nov 11 Javascript

旺旺在线客服代码旺旺客服代码生成器

Jan 09 Javascript

vue-cli实现多页面多路由的示例代码

Jan 30 Javascript

微信小程序实现YDUI的ScrollTab组件

Feb 02 Javascript

使用Vue做一个简单的todo应用的三种方式的示例代码

Oct 20 Javascript

Vue Cli3 打包配置并自动忽略console.log语句的方法

Apr 23 Javascript

基于Echarts图表在div动态切换时不显示的解决方式

Jul 20 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 JS Ip地址及域名格式检测代码

2013/09/27 PHP

thinkphp视图模型查询提示ERR: 1146:Table 'db.pr_order_view' doesn't exist的解决方法

2014/10/30 PHP

PHP自带ZIP压缩、解压缩类ZipArchiv使用指南

2015/03/03 PHP

php结合正则获取字符串中数字

2015/06/19 PHP

PHP实现动态创建XML文档的方法

2018/03/30 PHP

laravel dingo API返回自定义错误信息的实例

2019/09/29 PHP

jQuery中使用了document和window哪些属性和方法小结

2011/09/13 Javascript

JS、DOM和JQuery之间的关系示例分析

2014/04/09 Javascript

setinterval()与clearInterval()JS函数的调用方法

2015/01/21 Javascript

jQuery判断多个input file 都不能为空的例子

2015/06/23 Javascript

javascript去掉代码里面的注释

2015/07/24 Javascript

javascript封装简单实现方法

2015/08/11 Javascript

使用CoffeeScrip优美方式编写javascript代码

2015/10/28 Javascript

Bootstrap基本插件学习笔记之模态对话框(16)

2016/12/08 Javascript

AngularJS过滤器filter用法分析

2016/12/11 Javascript

jQuery源码分析之sizzle选择器详解

2017/02/13 Javascript

原生js实现轮播图的示例代码

2017/02/20 Javascript

javascript按钮禁用和启用的效果实例代码

2017/10/29 Javascript

详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper

2018/05/28 Javascript

基于axios 解决跨域cookie丢失的问题

2018/09/26 Javascript

重学 JS：为啥 await 不能用在 forEach 中详解

2019/04/15 Javascript

小程序中英文混合排序问题解决

2019/08/02 Javascript

js实现数据导出为EXCEL（支持大量数据导出）

2020/03/31 Javascript

jquery实现两个div中的元素相互拖动的方法分析

2020/04/05 jQuery

python实现统计代码行数的方法

2015/05/22 Python

Python中使用双下划线防止类属性被覆盖问题

2019/06/27 Python

用HTML5实现鼠标滚轮事件放大缩小图片的功能

2015/06/25 HTML / CSS

Stefania Mode英国：奢华设计师和时尚服装

2017/10/23 全球购物

英国历史最悠久的DJ设备供应商：DJ Finance、DJ Warehouse、The DJ Shop

2019/09/04 全球购物

Tommy Hilfiger澳洲官网：美国高端休闲领导品牌

2020/12/16 全球购物

大一军训感言

2014/01/09 职场文书

总结表彰大会主持词

2014/03/26 职场文书

奥巴马的演讲稿

2014/05/15 职场文书

爱心捐书活动总结

2014/07/05 职场文书

酒店总经理岗位职责

2015/04/01 职场文书

大学生活感想

2015/08/10 职场文书