jquery - 选择div的最佳方式

Question

我想在另一个 div 中添加一个 div#container ，然后获取内部 div 的选择器。哪个是更好的方法？

$('#container').html("<div><div class='get'></div></div>");
var div = $('#container').find('.get');

或者

var div = $('<div></div>');
$('#container').html(
    $('<div></div>').html(div)
);

Answer 1

后者。在第一个示例中，您遍历的次数find比第二个示例多得多（因为 ），这对性能有一些影响。

Answer 2

任何一种方法都可以，但第一种方法使用相同的选择器两次。更好的做法是

var con = $('#container').html("<div><div class='get'></div></div>");
var div = con.find('.get');

Answer 3

var div = $('<div />');
$('#container').html('').append(div);

我不认为你可以使用 jQuery 对象作为参数html()

Answer 4

无论哪种方式都绝对没问题。如果您要添加元素，我可能会使用第二种方式，它看起来更干净一些。