jquery - 为什么使用内置 jQuery 事件

Question

我只是想知道是否有人可以指出为什么应该使用 jQuery 事件绑定(bind)而不是 native JavaScript。我的一位同事向我发送了以下代码。

document.forms[0].onsubmit = function () {
    if (Page_IsValid) {
        $("#dialog").dialog({
            height: 140,
            modal: true,
            resizable: false,
            title: ''

        });
        $(".ui-dialog-titlebar").hide();
    }
}

我告诉他将其重写为。

$(".form").submit(function () {
    if (Page_IsValid) {
        $(".dialog").dialog({ 
            height: 140,
            modal: true,
            resizable: false,
            title: '',
            open: function (event, ui) {
                $(".ui-dialog-titlebar").hide();
            }
        });
    }
});

但是当被问及为什么应该使用我的代码时，除了语法清晰度和约定之外，我无法提供任何具体原因。那么还有其他原因人们会使用第二个例子而不是第一个例子吗？如果不是，那么在这种情况下使用 jQuery 的真正优势是什么？

Answer 1

原因之一是您不必担心会破坏先前定义的事件回调。 jQuery 会将它们排队并运行所有它们。

注意:您重写的版本还会将行为附加到页面上具有 form 类的任何内容，而原始版本会附加到页面上的第一个表单，无论其类如何。这可能不是您想要的。