jquery - 使用 jQuery 的 onclick 和 onclick 属性有什么区别？

Question

以下两段 HTML 之间有什么区别(如果我徒手输入此内容，如有任何拼写错误，敬请谅解)？

使用 jQuery:

<script type="text/javascript">
    $(document).ready(function() {
        $("#clickme").click(function() {
            alert("clicked!");
        });
    });
</script>

<a id="clickme" href="javascript:void(0);">click me</a>

不使用 jQuery:

<a id="clickme" href="javascript:void(0);" onclick="alert('clicked!');">click me</a>

Answer 1

一个很大的区别是 jQuery 的事件是在注册表中处理的，该注册表在单击事件上进行解析。至关重要的是，这意味着您可以分配多个回调，并按照注册顺序触发它们:

<script type="text/javascript">
    $(document).ready(function() {
        $("#clickme").click(function() {
            alert("clicked!");
        });
        $("#clickme").click(function() {
            alert("I concur, clicked!");
        });
    });
</script>

它们都将在 click 事件中按顺序调用。 “真正的”onClick 事件被 jQuery 的注册表驱动系统覆盖。在普通文档结构中，如果没有像 jQuery 这样的系统，则只能有一个 onClick 事件。