更高效的jquery编码

Question

这两组之间的效率更高，为什么呢？谢谢:)）

<button data-target="1" class="target-buttons'>Target</button> 
$(document).on('click', '.target-buttons', function() {
    alert($(this).data('target'));
});

<button onclick="alertTarget('1')" class="target-buttons">Target</button>
function alertTarget(value) {
    alert(value);
}

非常感谢！

Answer 1

<button onclick="alertTarget('1')" class="target-buttons">Target</button>
function alertTarget(value) {
    alert(value);
}

因为它比前者更容易重复使用会更有效率。有了这个，您就不必设置一堆点击事件，并通过html进行简化。从技术上讲，你必须设置点击事件，但它比前IMO更明显。

Answer 2

在这种情况下，我并不特别重要。

一般来说，你don't want to mix HTML with JavaScript所以前者是最好的。