javascript - jquery append 和 appendTo

Question

我只想知道这两种方法之间是否有任何区别(尤其是在性能方面):

1)

$('.container').append('<div class="divChild">test div</div>'); 
$('.container .divChild').click(function() { alert('test'); });

2)

var $childDiv = $('<div class="divChild">test div</div>');
$childDiv.appendTo($('.container')).click(function() { alert('test'); });

所以基本上第二种方法似乎要快得多，因为我实际上不必两次搜索 divChild div，但我需要向 div 添加点击事件。是这样吗？

Answer 1

这里要说明的第一点是:除非您很多(在很短的时间内执行数千次)，否则这不太可能有影响.

但我怀疑最有效的做法是记住 $('.container') 的结果，然后在其上使用 children:

var c = $('.container');
c.append('<div class="divChild">test div</div>'); 
c.children('.divChild').click(function() { alert('test'); });

或者实际上，从技术上讲，您不需要变量:

$('.container')
    .append('<div class="divChild">test div</div>')
    .children('.divChild')
      .click(function() { alert('test'); });

但我发现像那样的长链难以阅读、难以维护和调试。