1. append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同
(1) append()方法:
//在id为element元素内部末尾插入
拼接的元素
$("#element").append("
拼接的元素
");(2) appendTo()方法:
//在id为element元素内部末尾插入
拼接的元素
$("
拼接的元素
").appendTo("#element");2. insertBefore & before & insertAfter & after
(1) insertBefore() & before() 方法 :在被选元素前(元素外部)插入指定内容
//在id为element的元素前插入
拼接的元素
$("
拼接的元素
").insertBefore("#element");注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之前。
//在id为element的元素前插入
拼接的元素
$("#element").before("
拼接的元素
");(2) insertAfter() & after()方法:在被选元素后(元素外部)插入指定内容
//在id为element的元素后插入
拼接的元素
$("
拼接的元素
").insertAfter("#element");注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之后。
//在id为element的元素后插入
拼接的元素
$("#element").after("
拼接的元素
");
本文详细介绍了DOM操作中常用的四个方法:append、appendTo、insertBefore和after。append和appendTo用于在元素内部末尾添加内容,而insertBefore和after则在元素外部前后插入内容。通过实例演示了这些方法的使用,帮助理解它们的区别和应用场景。
6万+

被折叠的 条评论
为什么被折叠?



