在网页中,我们经常需要控制元素的显示和隐藏,这时候就需要使用到.toggle()方法,它可以帮助我们实现元素的显示和隐藏。.toggle()方法是一个jQuery方法,它可以在元素显示和隐藏之间切换,也可以控制元素的显示和隐藏。
使用方法
使用.toggle()方法非常简单,只需要在jQuery对象上调用.toggle()方法即可,它接受两个参数,第一个参数是一个布尔值,true表示显示元素,false表示隐藏元素;第二个参数是一个函数,它会在元素显示和隐藏之间切换时调用。
$("#element").toggle(true, function(){ // 执行代码 });
如果只传入一个参数,那么它会根据元素当前的状态进行切换,如果元素是隐藏的,那么它就会显示,反之亦然。
$("#element").toggle(function(){ // 执行代码 });
实例
下面是一个的实例:
$("#btn").click(function(){ $("#element").toggle(true, function(){ alert("元素已显示"); }); });
在这个实例中,我们给按钮添加一个点击事件,当按钮被点击时,调用.toggle()方法将元素显示出来,并弹出一个提示框。
- 使用.toggle()方法可以实现元素的显示和隐藏
- .toggle()方法接受两个参数,第一个参数是一个布尔值,true表示显示元素,false表示隐藏元素;第二个参数是一个函数,它会在元素显示和隐藏之间切换时调用
- 如果只传入一个参数,那么它会根据元素当前的状态进行切换