教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery使用append(content)方法注意事项分享

jquery使用append(content)方法注意事项分享

发布时间:2014-06-13   编辑:jiaochengji.com
append(content)函数的功能向每个匹配的元素内部追加内容,在使用方法上需要引起大家的注意,详细看下面示例

如以下示例:向所有段落中追加一些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内容是否符合标准,如果符合,正常加入,如果不符合,那么它就会自动生成符合它所谓的标准而进行显示。

您可能感兴趣的文章:
jquery使用append(content)方法注意事项分享
jQuery中append、insertBefore、after与insertAfter方法注意事项
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
jquery常用技巧及常用方法列表集合
jQuery第三课 修改元素属性及内容的代码
append和appendTo的区别以及appendChild用法
jQuery实用技巧第1/2页
jQuery JSONP跨域需要怎样实现
Jquery 常用方法经典总结
jQuery 下拉框左右选择实现代码

关键词: jquery  append   
[关闭]
~ ~