使用 jQuery 处理程序是否更好？

Question

我的意思是，如果我有这个处理程序：

$(document).ready(function() {
    $('.myElement').change(function() {
        // some
    });             
});

例如链接到“400”元素，它会慢一些，

function myFunct() {
    // some
{

<select class="myElement'" onchange="myFunct(this);return false">
    // one of 400 elements. Each of this use that onchange link
</select>

因为事实上我只需要在“更改”某些内容时才需要调用该函数（所以我不明白为什么我需要处理 400 个元素，资源最差）。

你觉得怎么样？

Answer 1

是的，它会更慢，因为浏览器必须附加所有这些元素的处理程序，这可能会导致页面加载“滞后”，在此期间您的用户可能能够与没有附加处理程序代码的元素进行交互。

不过，您仍然可以以高性能的方式使用 jQuery，只需使用一个委托 处理程序。

$('#container').delegate(".myElement", "change", function () {
    myFuct(this);
    return false;
}); 

更新！ jQuery 1.7 示例（使用 .on）：

$('#container').on("change", ".myElement", function () {
    myFuct(this);
    return false;
}); 

Answer 2

开始吧：

$(function() {

    function myFunct() { ... }

    $('.myElement').change( myFunct ); 

});

诀窍是定义一个函数对象，然后使用该函数作为所有元素的更改处理程序。

Answer 3

我认为在这种情况下第二个更好。您也可以在函数中使用 jQuery

http://jsperf.com/testaaa

jQuery 的调用：67,194/

秒函数调用：114,142,715/秒