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 相关文章推荐
Google 静态地图API实现代码
Nov 19 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 Javascript
基于javascript实现checkbox复选框实例代码
Jan 28 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
js实现鼠标跟随运动效果
Aug 02 Javascript
vue 标签属性数据绑定和拼接的实现方法
May 17 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
javascript中的闭包概念与用法实践分析
Jul 26 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 Javascript
前端监听websocket消息并实时弹出(实例代码)
Nov 27 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
UCenter Home二次开发指南
2009/05/28 PHP
PHP 文章中的远程图片采集到本地的代码
2009/07/30 PHP
如何用php获取程序执行的时间
2013/06/09 PHP
ThinkPHP模版中导入CSS和JS文件的方法
2014/11/29 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
解决laravel-admin 自己新建页面里 js 需要刷新一次的问题
2019/10/03 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
jquery选择器之属性过滤选择器详解
2014/01/27 Javascript
jquery提交form表单简单示例分享
2014/03/03 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
七夕情人节丘比特射箭小游戏
2015/08/20 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
2016/12/19 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
15分钟上手vue3.0(小结)
2020/05/20 Javascript
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
Jupyter打开图形界面并画出正弦函数图像实例
2020/04/24 Python
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
几个Shell Script面试题
2014/04/18 面试题
大学生就业自我鉴定
2013/10/26 职场文书
应届毕业生求职信范文分享
2013/12/26 职场文书
应用数学专业求职信
2014/03/14 职场文书
《富饶的西沙群岛》教学反思
2014/04/09 职场文书
运动会加油稿100字
2014/09/19 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
我的长征观后感
2015/06/09 职场文书
体育教师教学随笔
2015/08/15 职场文书