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