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 相关文章推荐
表单填写时用回车代替TAB的实现方法
Oct 09 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
Oct 20 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
javascript实现浏览器窗口传递参数的方法
Sep 03 Javascript
node.js中的fs.read方法使用说明
Dec 17 Javascript
js的toUpperCase方法用法实例
Jan 27 Javascript
javascript字符串替换函数如何一次性全部替换掉
Oct 30 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
微信小程序Redux绑定实例详解
Jun 07 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 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常用函数和常见疑难问题解答
2014/03/05 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
PHP基于PDO扩展操作mysql数据库示例
2018/12/24 PHP
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
2011/10/21 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
2014/05/05 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
nodejs创建web服务器之hello world程序
2015/08/20 NodeJs
纯javascript响应式树形菜单效果
2015/11/10 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
原生js实现简单的模态框示例
2017/09/08 Javascript
js保留两位小数方法总结
2018/01/31 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
Vuex实现数据增加和删除功能
2019/11/11 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
纯css3实现图片翻牌特效
2015/03/10 HTML / CSS
应届生求职推荐信
2013/10/28 职场文书
学习自我鉴定
2014/02/01 职场文书
办公自动化专业大学生职业规划书
2014/03/06 职场文书
产品质量承诺书
2014/03/27 职场文书
打架检讨书范文
2015/01/27 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
MySQL系列之十一 日志记录
2021/07/02 MySQL