六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

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

Admin | 2015-7-16 6:32:59 | ReadNums | 2407 | 标签 网页制作 | 打印本页
     

  关于在页面中的对象,如果想通过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来实现,两者效果相同,一般来说,使用后者是最根本的。


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日