jQuery toggle事件

toggle方法用绑定多个事件处理函数,以响应被选元素的轮流的 click 事件。

该方法也可用于切换被选元素的hide与show方法。

toggle功能在1.9版本之后发生变化了。不再支持多个事件轮流切换。

所以在1.9版本下的绑定toggle点击事件是这样的:

$(selector).toggle(function1(),function2(),functionN(),...)

//////注:必须有2个参数才能切换事件

在1.9之后的版本只好这么写:

//先立个标记,记录点击,根据点击次数来决定行为

let flag=0;

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

if(flag++%2==0){

////////do

}

else{

////////do

}

})

这样就可以实现点击事件切换了

切换 Hide() 和 Show()

检查每个元素是否可见。

如果元素已隐藏,则运行 show()。如果元素可见,则元素 hide()。这样就可以创造切换效果。

例子:

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

$('p').toggle(1000);

})

显示或隐藏元素

规定是否只显示或只隐藏所有匹配的元素

例:$(selector).toggle(switch)

你可能感兴趣的:(jQuery toggle事件)