淘先锋技术网

首页 1 2 3 4 5 6 7

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节点了。