首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

怎么点击一个按钮 分别触发两个jquery事件

2012-06-25 
如何点击一个按钮 分别触发两个jquery事件点击第一次的时候$(button).click(function(){$(p).css({ba

如何点击一个按钮 分别触发两个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"});  }); 

热点排行