Javascript：使用Jquery的bind（）出价事件是否比仅执行onclick ='bla（）'更好？为什么？

Question

使用JQuery的bind（）绑定事件是否比仅执行onclick ='bla（this）'更好，为什么？

谢谢 ！

Answer 1

因为非侵入式JavaScript（UJS）是新常态。

对我来说，将标记与行为分离是最大的好处，尽管还有其他一些方便的方面，而且每个人都喜欢不同的方面。

@Esailija正确地指出，jQuery在工作水平，浏览器兼容性，浏览器解决方法等方面使UJS 更加容易。 UJS不依赖 jQuery，但是JS库使它在更广泛的功能中都可行。

Answer 2

使用jQuery事件，您可以获得6年的错误修复，事件对象的规范化，名称空间，对诸如mouseenter，mouseleave，focusin和focusout之类的事件的支持，这些事件原本是IE事件和事件委托。

通过将事件与任何类型的js（不仅仅是jQuery）相关联，您将获得：

• 有用的对象上下文
• 有用的功能范围
• 能够在同一元素上为同一事件附加多个处理程序

并且如果您正在动态生成html：

• 明智的做法是，不必将字符串连接起来即可生成代码，您只需像其他任何代码一样编写事件处理程序代码，而不必担心首先通过解释为javascript字符串，然后通过html来解释字符串的最终结果。然后作为javascript代码（是的，分为三个阶段。在第一版中，我什至没有以下内容）：

   var html = '<div onclick="alert(\\''+someVar+'\\'+\\'hello\\');"></div>' 

  并不是很容易写。 相比于

    $("<div>", { click: function () { alert(someVar + "hello"); } }); 

Answer 3

以我的经验，必须为抽象付出一定的代价，而应该权衡使用它们的好处。

对于jQuery，我发现节省的时间远远超过了任何缺点。 举一个例子，您将如何用标准javascript编写以下例子。

$("ul").on("click", "li", function(){ });

此jQuery 方法将事件处理程序附加到所有当前和将来的li元素。

实现此功能并非易事，通过使用jQuery，您正在使用高质量的代码库，该代码库试图抽象化浏览器差异并帮助您专注于编程。