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