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 相关文章推荐
js split 的用法和定义 js split分割字符串成数组的实例代码
May 13 Javascript
javascript中clipboardData对象用法详解
May 13 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
Aug 27 Javascript
js实现div拖动动画运行轨迹效果代码分享
Aug 27 Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 Javascript
JavaScript实现显示函数调用堆栈的方法
Apr 21 Javascript
JS仿百度自动下拉框模糊匹配提示
Jul 25 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
javascript添加前置0(补零)的几种方法
Jan 05 Javascript
vue-cli的webpack模板项目配置文件分析
Apr 01 Javascript
node文字生成图片的示例代码
Oct 26 Javascript
Vue.js计算机属性computed和methods方法详解
Oct 12 Javascript
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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
php jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
php图像处理函数大全(推荐收藏)
2013/07/11 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
XMLHTTPRequest的属性和方法简介
2010/11/23 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
2014/02/07 Javascript
VeeValidate在vue项目里表单校验应用案例
2018/05/09 Javascript
VsCode与Node.js知识点详解
2019/09/05 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
2020/08/06 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
[14:00]DOTA2国际邀请赛史上最长大战 赛后专访B神
2013/08/10 DOTA
[01:33]一分钟玩转DOTA2第三弹:DOTA2&DotA快捷操作大对比
2014/06/04 DOTA
以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法
2015/03/30 Python
简述Python中的进程、线程、协程
2016/03/18 Python
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
python opencv之分水岭算法示例
2018/02/24 Python
python 运用Django 开发后台接口的实例
2018/12/11 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
python中从for循环延申到推导式的具体使用
2019/11/29 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
《红军不怕远征难》教学反思
2014/04/14 职场文书
表彰大会策划方案
2014/05/13 职场文书
保证金退回承诺函格式
2015/01/21 职场文书
机器人瓦力观后感
2015/06/12 职场文书
重温入党誓词主持词
2015/06/29 职场文书
戴尔Win11系统no bootable devices found解决教程
2022/09/23 数码科技