使用jQuery的onclick和onclick属性有什么区别?

前端之家收集整理的这篇文章主要介绍了使用jQuery的onclick和onclick属性有什么区别?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下两个HTML之间的区别是什么(如果有任何打字错误,因为我是自由打字)。

使用jQuery:

  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $("#clickme").click(function() {
  4. alert("clicked!");
  5. });
  6. });
  7. </script>
  8.  
  9. <a id="clickme" href="javascript:void(0);">click me</a>

不使用jQuery:

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

解决方法

一个很大的区别是jQuery的事件在注册表中处理,该注册表在点击事件上被解析。最重要的是,这意味着您可以分配多个回调,并按照它们注册的顺序触发它们:
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $("#clickme").click(function() {
  4. alert("clicked!");
  5. });
  6. $("#clickme").click(function() {
  7. alert("I concur,clicked!");
  8. });
  9. });
  10. </script>

它们将在点击事件上按照该顺序被调用。 “real”onClick事件被jQuery的注册表驱动系统覆盖。在香草文档结构中,没有像jQuery那样的系统,只能有一个onClick事件。

猜你在找的jQuery相关文章