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)