jQuery insertBefore (':first' ，对象)与 prependTo(对象)

Question

请原谅我的愚蠢，但这两者实际上是一样的吗？

我问的唯一原因是我在我正在改编的插件中看到了前者，而且我对它不只是使用 prependTo() 的事实感到有点困惑；

$('li:last', list)
    .clone()
    .insertBefore( $('li:first', list) );

更新

根据我最初的问题，以及@Nick 关于克隆的评论，这两种情况会产生相同的结果吗？

// 1
for (i = 1; i <= number; i++) {
    $('li:first', list)
        .clone()
        .insertAfter( $('li:last', list) );
    $('li:first', list).remove();
}

// 2
for (i = 1; i <= number; i++) {
    $('li:first', list).appendTo(list);
}

Answer 1

这取决于用途。

insertBefore() 按字面意思在元素之前插入一个元素，而 prependTo() 在元素开始处(但在元素内部)插入一个元素。

在您的情况下， $('li:last', list).clone().insertBefore( $('li:first', list) ); 将在第一个李元素。

如果您要使用 $('li:last', list).clone().prependTo( $('li:first', list) );，最后一个 li 元素将添加到第一个 li 元素的内部，这是您不想要的。要以与 insertBefore 相同的方式使用 prependTo()，您需要执行以下操作$('li:last', list).clone().prependTo( $(list) ); (假设 list 是对 UL 标签的引用。)