javascript - 哪种方式效率高？

Question

我在页面上有 500 多个按钮。

<button class="btn-x">test</button>

jQuery:

// #1
$('button[class*="btn-x"]').live('click', function() { }});

// #2
$('.btn-x').live('click', function() { }});

现在哪个调用效率高，直接按类调用还是按按钮[attr*]，我想知道，因为当我有超过 500 个按钮时，它可能会在以后引起问题，但我不确定它们是否会影响相同的结果.

Answer 1

类选择器将快一个数量级。

也就是说，live() 已被弃用。您应该使用 delegate() 或者如果您使用 jQuery 1.7+ on()`。

例如:

// < jQ 1.7
$('#staticParent').delegate('.btn-x', 'click', function() { });

// jQ 1.7+
$('#staticParent').on('click', '.btn-x', function() { });