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

 更新时间:2014年01月06日 10:46:22   作者:  
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内容是否符合标准,如果符合,正常加入,如果不符合,那么它就会自动生成符合它所谓的标准而进行显示。

相关文章

最新评论