当前位置: 主页 > 网页制作 > Javascript > 整理jQuery事件(3)

整理jQuery事件(3)

时间:2010-1-13来源:互联网 点击:

* 阻止事件冒泡的代码如下:

      $(document).ready(function() {
          $(‘switcher‘).click(function(event){
              if(event.target == this)
              {
                  $(‘switcher .button‘).toggleClass(‘hidden‘);
              }
          };)
      });

  4.常用的事件绑定

  jQuery通过使用.bind()方法为元素进行事件绑定,通过使用.unbind()方法为元素进行解除绑定。而且.bind()方法是可以执行多次绑定的,如果没有绑定,在进行解除绑定的时候,这都是安全的。

  很多时候某一个事件只需要触发一次,随后就要立即解除绑定,按照传统的做法,我们可能会先进行事件绑定,然后在事件执行完毕后进行解除绑定。jQuery为我们提供了一种简写的方法.one来专门解决上述情景下的繁琐的代码编写,示例如下:

$(document).ready(function(){
    $(‘#swotcjer‘).one(‘click‘,toggleStyleSwitcher);
});

  5.复合事件

  在进行事件捕获的时候,常常需要捕获组合的用户操作,并且以多个函数作为响应,这些事件我们称为复合事件。

  jQuery提供的.read()方法就是最常用的符合事件方法之一,除此之外,还有进行交互处理的时候用到的两个函数:

  * .hover(over,out)    一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。


  * .toggle(fn,fn)   每次点击时切换要调用的函数。

站长资讯网
. TAG: jQuery事件
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言