appendchild是一种在DOM树中添加节点的方法。在JQuery中有一个相似的函数,叫做append。它的使用方法大致相同,但是由于JQuery使用了链式结构,append的形式要稍微优雅一些。
$( "p" ).append( "Hello World!" );
这段代码会在所有的p标签内部添加一个“Hello World!”的文本节点。需要注意的是,此时并没有任何的文本节点对象产生,只是在原来的节点内添加了文本。
如果需要添加一个真正的节点,可以先通过html函数生成一个字符串,再插入到文档中:
$( "p" ).append( 'New Span' );
这里在所有p标签内部添加了一个带有class为“new”的span节点。同样的,也可以先通过变量创建节点对象,再添加到文档中:
var newSpan = $( "" ).addClass( "new" ).text( "New Span" ); $( "p" ).append( newSpan );
这样就可以在p标签内部添加一个与上面相同的span节点了。