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 Jquery创建一个弹出层可加载一个页面
May 08 Javascript
ajax+jQuery实现级联显示地址的方法
May 06 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
新手vue构建单页面应用实例代码
Sep 18 Javascript
vue实现可视化可拖放的自定义表单的示例代码
Mar 20 Javascript
node之本地服务器图片上传的方法示例
Mar 26 Javascript
React优化子组件render的使用
May 12 Javascript
javascript实现留言板功能
Feb 08 Javascript
JavaScript动画实例之粒子文本的实现方法详解
Jul 28 Javascript
微信小程序实现打卡签到页面
Sep 21 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
收音机的保养
2021/03/01 无线电
PHP手机号码归属地查询代码(API接口/mysql)
2012/09/04 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
joomla数据库操作示例代码
2016/01/06 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
DEFER怎么用?
2006/07/01 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
2014/05/02 Javascript
基于Javascript实现倒计时功能
2016/02/22 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
2016/05/11 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
vue2 全局变量的设置方法
2018/03/09 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
2018/07/10 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
[03:38]TI4西雅图DOTA2前线报道 71专访
2014/07/08 DOTA
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
wxPython电子表格功能wx.grid实例教程
2019/11/19 Python
python3中rank函数的用法
2019/11/27 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
Python continue语句实例用法
2020/02/06 Python
基于python3实现倒叙字符串
2020/02/18 Python
python绘图模块之利用turtle画图
2021/02/12 Python
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
this关键字的含义
2015/04/08 面试题
日语专业个人的求职信
2013/12/03 职场文书
物流仓储计划书
2014/01/10 职场文书
体育系毕业生自荐信
2014/06/28 职场文书
2014年工程工作总结
2014/11/25 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书