jQuery-将处理程序绑定到多个事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery-将处理程序绑定到多个事件相关的知识,希望对你有一定的参考价值。

One bind event, multiple events. Handy.
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="../assets/js/jquery.js"></script>
  6.  
  7. <script type="text/javascript">
  8.  
  9. $(function () {
  10.  
  11. $('.box').bind('click mouseover', function(e){
  12. alert('event');
  13. });
  14.  
  15. })
  16. </script>
  17. </head>
  18. <body>
  19. <style type="text/css">
  20. .box {width:50px;height:50px;display:block;background:red;margin:20px;border:1px solid #ccc;}
  21. </style>
  22. <a href="#" id="animate">Animate</a>
  23. <div class="box"></div>
  24. <div class="box"></div>
  25. </body>
  26. </html>

以上是关于jQuery-将处理程序绑定到多个事件的主要内容,如果未能解决你的问题,请参考以下文章

06 同时给多个元素绑定事件

jQuery 事件方法

jQuery 事件方法

jquery 点击事件

jQuery事件处理 事件对象 动画效果

jQuery方法大全