1. append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同
(1) append()方法:
$("#test").append("
测试
"); //在id为test元素内部末尾插入测试
(2) appendTo()方法:
$("
测试
").appendTo("#test"); //在id为test元素内部末尾插入测试
2. insertBefore & before & insertAfter & after
(1) insertBefore() & before() 方法 :在被选元素前(元素外部)插入指定内容
$("
测试
").insertBefore("#test"); //在id为test的元素前插入测试
注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之前。
$("#test").before("
测试
"); //在id为test的元素前插入测试
(2) insertAfter() & after()方法:在被选元素后(元素外部)插入指定内容
$("
测试
").insertAfter("#test"); //在id为test的元素后插入测试
注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之后。