以下两个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>
解决方法
一个很大的区别是jQuery的事件在注册表中处理,该注册表在点击事件上被解析。最重要的是,这意味着您可以分配多个回调,并按照它们注册的顺序触发它们:
- <script type="text/javascript">
- $(document).ready(function() {
- $("#clickme").click(function() {
- alert("clicked!");
- });
- $("#clickme").click(function() {
- alert("I concur,clicked!");
- });
- });
- </script>
它们将在点击事件上按照该顺序被调用。 “real”onClick事件被jQuery的注册表驱动系统覆盖。在香草文档结构中,没有像jQuery那样的系统,只能有一个onClick事件。