插入节点的方法,jq

append(),appendTo(),prepend(),prependTo(),after(),insertAfter() before(),insertBefore()

内添加

1.append在文档内添加元素,与appendChild方法类似,作为最后一个孩子

$('.box').append("<h2>hello</h2>");

2.appendTo()把匹配的元素添加到对象里,作为最后一个孩子

$('<h2>hello</h2>').appendTo(".box");

3.prepend()在元素前添加内容,作为第一个孩子

$('.box').prepend("<h2>hello</h2>");

4.prependTo()把匹配的元素添加到对象前,作为第一个孩子

$('<h2>hello</h2>').prependTo(".box");

外添加

1.after()在元素之后添加,作为下一个兄弟

$('.box').after("<h2>hello</h2>");

2.before()在元素之前添加,作为前一个兄弟

$('.box').before("<h2>hello</h2>");

3.insertAfter()把匹配元素在对象后添加,作为下一个兄弟

$('<h2>hello</h2>').insertAfter(".box");

4.insertBefore()把匹配元素在对象前添加,作为前一个兄弟

$('<h2>hello</h2>').insertBefore(".box");

 

posted @ 2023-02-13 10:41  芬-mi  阅读(99)  评论(0)    收藏  举报