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

通过javascript的匿名函数来分析几段简单有趣的代码

Jun 29 Javascript

jQuery AjaxQueue改进步骤

Oct 06 Javascript

javascript 事件处理程序介绍

Jun 27 Javascript

使用jQuery实现的掷色子游戏动画效果

Mar 14 Javascript

jQuery设置指定网页元素宽度和高度的方法

Mar 25 Javascript

JQuery调用绑定click事件的3种写法

Mar 28 Javascript

Angularjs 滚动加载更多数据

Mar 17 Javascript

AngularJS实现图片上传和预览功能的方法分析

Nov 08 Javascript

vue.js学习笔记之v-bind和v-on解析

May 03 Javascript

如何为vue的项目添加单元测试

Dec 19 Javascript

傻瓜式vuex语法糖kiss-vuex整理

Dec 21 Javascript

vue分页插件的使用方法

Dec 25 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：风雨欲来路在何方?

2006/10/09 PHP

PHP操作MongoDB时的整数问题及对策说明

2011/05/02 PHP

浅析PHP中strlen和mb_strlen的区别

2014/08/31 PHP

YII CLinkPager分页类扩展增加显示共多少页

2016/01/29 PHP

一起来写段JS drag拖动代码

2010/12/09 Javascript

精心挑选的15款优秀jQuery 本特效插件和教程

2012/08/06 Javascript

JS 退出系统并跳转到登录界面的实现代码

2013/06/29 Javascript

node.js适合游戏后台开发吗？

2014/09/03 Javascript

JavaScript实现同时调用多个函数的方法

2015/11/09 Javascript

Ionic快速安装教程

2016/06/03 Javascript

js中window.open的参数及注意注意事项

2016/07/06 Javascript

angularjs实现文字上下无缝滚动特效代码

2016/09/04 Javascript

jQuery Ajax全解析

2017/02/13 Javascript

input file样式修改以及图片预览删除功能详细概括（推荐）

2017/08/17 Javascript

js的函数的按值传递参数(实例讲解)

2017/11/16 Javascript

vue2.0路由切换后页面滚动位置不变BUG的解决方法

2018/03/14 Javascript

bootstrap自定义样式之bootstrap实现侧边导航栏功能

2018/09/10 Javascript

Vue + Scss 动态切换主题颜色实现换肤的示例代码

2020/04/27 Javascript

[00:06]Yes,it worked!小卡尔成功穿越时空加入战场！

2019/07/20 DOTA

详解Python的Django框架中的中间件

2015/07/24 Python

python之从文件读取数据到list的实例讲解

2018/04/19 Python

Python实现迭代时使用索引的方法示例

2018/06/05 Python

pandas 选择某几列的方法

2018/07/03 Python

使用Python AIML搭建聊天机器人的方法示例

2018/07/09 Python

Python 实现自动导入缺失的库

2019/10/29 Python

Python自动化完成tb喵币任务的操作方法

2019/10/30 Python

Python的赋值、深拷贝与浅拷贝的区别详解

2020/02/12 Python

CSS3教程(8):CSS3透明度指南

2009/04/02 HTML / CSS

ASOS比利时：英国线上零售商及自有品牌

2018/07/29 全球购物

大学应届生的自我评价

2014/03/06 职场文书

教师专业自荐信

2014/05/31 职场文书

付款承诺函范文

2015/01/21 职场文书

个性与发展自我评价

2015/03/06 职场文书

2015年保管员工作总结

2015/04/30 职场文书

2015年档案室工作总结

2015/05/23 职场文书

用Python爬取英雄联盟的皮肤详细示例

2021/12/06 Python