编程 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函数

Apr 09 Javascript

Javascript base64编码实现代码

Dec 02 Javascript

基于javascript 闭包基础分享

Jul 10 Javascript

用JS生成UUID的方法实例

Mar 30 Javascript

jQuery使用unlock.js插件实现滑动解锁

Apr 04 jQuery

iOS + node.js使用Socket.IO框架进行实时通信示例

Apr 14 Javascript

JS如何获取地址栏的参数实例讲解

Oct 06 Javascript

微信小程序实现页面浮动导航

Jan 28 Javascript

微信小程序如何调用新闻接口实现列表循环

Jul 02 Javascript

layui button 按钮弹出提示窗口,确定才进行的方法

Sep 06 Javascript

jstree中的checkbox默认选中和隐藏示例代码

Dec 29 Javascript

如何手动实现一个 JavaScript 模块执行器

Oct 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

星际争霸中的热键

2020/03/04 星际争霸

PHP调用C#开发的dll类库方法

2014/07/28 PHP

[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法

2015/10/09 PHP

PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】

2016/05/06 PHP

你需要知道的10个最佳javascript开发实践小结

2012/04/15 Javascript

js中的eventType事件及其浏览器支持性介绍

2013/11/29 Javascript

js实现精确到秒的日期选择器完整实例

2016/04/30 Javascript

BootStrap智能表单demo示例详解

2016/06/13 Javascript

Javascript Function.prototype.bind详细分析

2016/12/29 Javascript

微信小程序数据交互与渲染实例详解

2017/01/21 Javascript

js实现本地时间同步功能

2017/08/26 Javascript

React中常见的动画实现的几种方式

2018/01/10 Javascript

基于cropper.js封装vue实现在线图片裁剪组件功能

2018/03/01 Javascript

使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能

2018/03/22 Javascript

electron-vue利用webpack打包实现多页面的入口文件问题

2019/05/12 Javascript

js回文数的4种判断方法示例

2019/06/04 Javascript

JS script脚本中async和defer区别详解

2020/06/24 Javascript

如何正确解决VuePress本地访问出现资源报错404的问题

2020/12/03 Vue.js

用Python写冒泡排序代码

2016/04/12 Python

Python 数据结构之队列的实现

2017/01/22 Python

详解Python3中setuptools、Pip安装教程

2019/06/18 Python

Python 元组操作总结

2019/09/18 Python

使用python脚本自动创建pip.ini配置文件代码实例

2019/09/20 Python

新手常见Python错误及异常解决处理方案

2020/06/18 Python

Python 如何在字符串中插入变量

2020/08/01 Python

CSS3的Flexbox布局的简明入门指南

2016/04/08 HTML / CSS

苹果美国官方商城：Apple美国

2016/08/24 全球购物

深深扎根运动世界的生活品牌：Tillys

2017/10/30 全球购物

const和static readonly区别

2013/05/20 面试题

北京鼎普科技股份有限公司软件测试面试题

2012/04/07 面试题

地质灾害防治方案

2014/05/14 职场文书

监察建议书格式

2014/05/19 职场文书

中考标语大全

2014/06/05 职场文书

2015年清明节网上祭英烈留言寄语

2015/03/04 职场文书

幼儿园元旦主持词

2015/07/06 职场文书

详解Django的MVT设计模式

2021/04/29 Python