1、insertBefore() / insertAfter()方法,都是指在元素的外部插入新内容
如下:
创建一个a标签,并将其插入到class为 chapter 的p元素的后面。
通过下面的代码,<div class="chapter">
中的每个段落后面,都会出现一个back to top的链接
$(document).ready(function(){
$('<a href="#top">back to top</a>').insertAfter('div.chapter p');
})
2、prependTo() / appendTo()
在现有元素内部、之前(之后)添加内容;
例如创建一个锚并将其插入到boday元素的前面
$(document).ready(function(){
$('<a id="top"></a>').prependTo('body');
})
如上,这里的a插入到了body的顶部,并且是在其内部
- insertBefore() 在现有元素外部、之前添加内容
- insertAfter() 在现有元素外部、之后添加内容
- prependTo() 在现有元素内部、之前插入内容
- appendTo() 在现有元素内部、之后插入内容