jquery使用append(content)方法注意事项分享


Posted in Javascript onJanuary 06, 2014

如以下示例:向所有段落中追加一些HTML标记。

HTML 代码:

<p>I would like to say: </p>

jQuery 代码:

$("p").append("<b>Hello</b>");

结果:

[ <p>I would like to say: <b>Hello</b></p> ]

这样看好像没什么,很正常,如果我们换个方式追加呢?

$("p").append("<b>");

$("p").append("Hello</b>");

结果:

[ <p>I would like to say: <b></b>Hello</p> ]

结果就成这样了,为什么会这样呢?

我想应该是在调用append()函数时,它会自动去检测你加进去的html内容是否符合标准,如果符合,正常加入,如果不符合,那么它就会自动生成符合它所谓的标准而进行显示。

Javascript 相关文章推荐
基于jquery的让页面控件不可用的实现代码
Apr 27 Javascript
最新的10款jQuery内容滑块插件分享
Sep 18 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
Sep 19 Javascript
js事件冒泡实例分享(已测试)
Apr 23 Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 Javascript
JavaScript实现twitter puddles算法实例
Dec 06 Javascript
JavaScript动态改变div属性的实现方法
Jul 22 Javascript
jQuery四种选择器使用及示例
Jun 05 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
Node.js操作MongoDB数据库实例分析
Jan 19 Javascript
vue实力踩坑之push当前页无效
Apr 10 Vue.js
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 #Javascript
Javascript 遍历页面text控件详解
Jan 06 #Javascript
jquery链式操作的正确使用方法
Jan 06 #Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 #Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 #Javascript
js定时器的使用(实例讲解)
Jan 06 #Javascript
浅析js中的浮点型运算问题
Jan 06 #Javascript
You might like
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
关于laravel模板中生成URL的几种模式总结
2019/10/18 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
js实现拖拽 闭包函数详细介绍
2012/11/25 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
jQuery中获取Radio元素值的方法
2013/07/02 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
JavaScript实现多个重叠层点击切换效果的方法
2015/04/24 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
Vue中的混入的使用(vue mixins)
2018/06/01 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
vue进入页面时滚动条始终在底部代码实例
2019/03/26 Javascript
Centos7 安装Node.js10以上版本的方法步骤
2019/10/15 Javascript
跟老齐学Python之dict()的操作方法
2014/09/24 Python
Python基于递归算法实现的走迷宫问题
2017/08/04 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
浅谈pandas筛选出表中满足另一个表所有条件的数据方法
2019/02/08 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
Python使用requests xpath 并开启多线程爬取西刺代理ip实例
2020/03/06 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
python中取绝对值简单方法总结
2020/07/24 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
路易威登和香奈儿手袋:LuxeDH
2017/01/12 全球购物
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
意大利简约的休闲品牌:Aspesi
2018/02/08 全球购物
法国在线药房:Shop Pharmacie
2019/11/26 全球购物
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
港湾网络笔试题
2014/04/19 面试题
酒店工作职员求职简历的自我评价
2013/10/23 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
再谈python_tkinter弹出对话框创建
2022/03/20 Python