在使用 jQuery 进行 DOM 操作时，我们经常会使用到 append() 方法来将 HTML 元素添加到一个元素中。但是，如果我们想要控制所添加元素的位置呢？这时，就要使用到 appendTo() 和 append() 的另一个重载方法，即接受一个函数作为参数的 append()。

接受函数作为参数的 append() 允许我们使用 jQuery 对所添加的元素进行定位。具体地说，我们可以在函数中构造添加元素，并指定添加位置，如下所示：

// 将一个按钮添加到 body 的最前面
$('Click Me').prependTo('body');
// 将一个按钮添加到 div#mydiv 的最后面
$('Click Me').appendTo('#mydiv');
// 在 p#mypara 的后面插入一个 div
$('
').insertAfter('#mypara');
// 在 p#mypara 没有以前的兄弟元素时，在 p#mypara 的前面插入一个 div
$('
').insertBefore('#mypara');
// 动态生成一个列表，并添加到 div#mydiv 的最后
var $list = $('

'); $list.append('
• Item 1
') .append('
• Item 2
') .append('
• Item 3
'); $list.appendTo('#mydiv');

除了 appendTo() 和 append()，其它方法，如 prependTo()、insertBefore()、insertAfter()，也都支持接受函数作为参数进行定位。使用这些方法，我们可以更加灵活地控制元素的位置，实现丰富多彩的页面交互效果。