日期:2014-05-16  浏览次数:20982 次

如何点击一个按钮 分别触发两个jquery事件
点击第一次的时候
 $("button").click(function(){
  $("p").css({"background-color":"red","font-size":"200%"});
  });

在点击第二次的时候
 $("button").click(function(){
  $("p").css({"display":"none"});
  });

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

------解决方案--------------------
$("button").click(function(){
$("p").css({"background-color":"red","font-size":"200%"}).css({"display":"none"});
});

楼主可以这样写,jquery直接链式操作的,简化了代码量
------解决方案--------------------
Jquery 有一个one事件处理,不知道是否可以帮到你,
$("p").one("click", function(){
alert( $(this).text() );
});
------解决方案--------------------
是要轮番调用,还是只要一次?
轮番调用,用:
toggle(fn, fn2, [fn3, fn4, ...])
概述
每次点击后依次调用函数。

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

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

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