Dzwebs.Net

撰写电脑技术杂文十余年

jquery动态绑定对象多个事件一个或多个代码

Admin | 2015-7-16 6:32:59 | 被阅次数 | 4846

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  关于在页面中的对象,如果想通过jquery来绑定其事件代码,那么,方法就比较灵活了,下面我们看两种情况。

  下面用到的kk是DIV的ID号。比如:

  <div id="kk"> 
    动态绑定事件哦。 
  </div>

  一、绑定多个事件但代码相同

  意思就是说,绑定的事件有多个,但是,功能代码都一样。

  $(document).ready(function(){
    $("#kk").bind("click mouseover",function(){
      alert("同时绑定单击和鼠标移动事件");
    })
  });

  注意哦,事件名称之间使用空格隔开。

  二、绑定多个事件同时代码也不相同

  $(document).ready(function(){
    $("#box").bind({
   mouseover:function(){
     alert("鼠标移动事件");
   },
   click:function(){
     alert("鼠标点击事件");
   }
  }); 
  });

  请注意哦,多个事件之间,要用逗号隔开,看到上面红色的逗号了吗?最后一个事件代码后面没有逗号。

  事件的动态绑定,可以使用bind,也可以使用on来实现,两者效果相同,一般来说,使用后者是最根本的。


该杂文来自: 网页制作杂文

上一篇:Jquery中的bind()方法的概念及使用范例

下一篇:jquery根据动态的ID号动态绑定对象的一个或多个事

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计