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 图片截取工具jquery.imagecropper.js
Apr 09 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 Javascript
用JS生成UUID的方法实例
Mar 30 Javascript
简单解析JavaScript中的__proto__属性
May 10 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
Jul 11 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
vue组件name的作用小结
May 23 Javascript
JS原形与原型链深入详解
May 09 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
PHP+javascript液晶时钟
2006/10/09 PHP
如何使用php输出时间格式
2013/08/31 PHP
PHP保存session到memcache服务器的方法
2016/01/19 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
JavaScript的parseInt 取整使用
2011/05/09 Javascript
JavaScript学习笔记记录我的旅程
2012/05/23 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
JavaScript实现向右伸出的多级网页菜单效果
2015/08/25 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
2016/09/17 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
2018/09/13 Javascript
深入理解Node内建模块和对象
2019/03/12 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
2020/05/27 Javascript
JavaScript动画实例之粒子文本的实现方法详解
2020/07/28 Javascript
[02:27]2014DOTA2国际邀请赛 VG赛后采访:更大的挑战在等着我们
2014/07/13 DOTA
详细讲解Python中的文件I/O操作
2015/05/24 Python
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
python re模块findall()函数实例解析
2018/01/19 Python
基于python实现查询ip地址来源
2020/06/02 Python
TensorFlow保存TensorBoard图像操作
2020/06/23 Python
电子工程专业毕业生求职信
2014/03/14 职场文书
解除合同协议书
2014/04/17 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
政府采购方案
2014/06/12 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
2016年综治宣传月活动宣传标语口号
2016/03/16 职场文书