如何点击一个按钮 分别触发两个jquery事件

发表于： 2012-05-12 09:22:43

点击第一次的时候

 $("button").click(function(){

    $("p").css({"background-color":"red","font-size":"200%"});

  });

 

在点击第二次的时候

 $("button").click(function(){

    $("p").css({"display":"none"});

  });

 

都是同一个按钮  对同一个控件进行操作 

 

 

--------------------

Jquery 有一个one事件处理，不知道是否可以帮到你，

$("p").one("click", function(){

  alert( $(this).text() );

});

 

 

------------------------------------------------

是要轮番调用，还是只要一次？

轮番调用，用：

toggle(fn, fn2, [fn3, fn4, ...])

概述

每次点击后依次调用函数。

 

如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。 

 

可以使用unbind("click")来删除。

JavaScript code

?

1

2

3

4

5

$("button").toggle(function(){

  $("p").css({"background-color":"red","font-size":"200%"});

  },function(){

  $("p").css({"display":"none"});

  });