Jquery - Append 与 AppendTo [英] Jquery - Append vs AppendTo

问题描述

谁能解释一下为什么常规的 Append into a loop 比 AppendTo 效果更好?

//使用正则追加var ul = $("
");$("#myDiv").empty().append(ul)$.each(movies, function (count, item) {var id = 'li_' + 计数；ul.append('<li id=' + id + '>' + item + '</li>');$('#' + id).click(function () { });});//使用AppendTovar div = $("#myDiv").empty(),ul = $("
").appendTo(div);$.each(movies, function (count, item) {$('<li>' + item + '</li>').click(function () { }).appendTo(ul);});

结果http://jsperf.com/sdp-jquery-append/3

解决方案

append(content) 将内容附加到每个匹配元素的内部.

appendTo(selector) 将所有匹配的元素附加到另一个指定的元素集.

Can somebody explain me why regular Append into a loop works better than AppendTo?

//Using Regular Append
var ul = $("<ul></ul>");
$("#myDiv").empty().append(ul)

$.each(movies, function (count, item) {
    var id = 'li_' + count;
    ul.append('<li id=' + id + '>' + item + '</li>');

    $('#' + id).click(function () { });
});

//Using AppendTo
var div = $("#myDiv").empty(),
    ul = $("<ul></ul>").appendTo(div);

$.each(movies, function (count, item) {
    $('<li>' + item + '</li>').click(function () { }).appendTo(ul);
});

Result http://jsperf.com/sdp-jquery-append/3

解决方案

append(content) appends content to the inside of every matched element.

appendTo(selector) appends all of the matched elements to another specified set of elements.

这篇关于Jquery - Append 与 AppendTo的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！