jQuery提供了一个非常实用的方法.toggle(),它可以用来实现元素的切换效果。.toggle()方法可以接受两个参数,一个是显示元素的函数,一个是隐藏元素的函数。
要使用.toggle()方法,需要创建一个jQuery对象,调用.toggle()方法,接受两个参数,一个是显示元素的函数,一个是隐藏元素的函数。
$(selector).toggle(function(){ // 显示元素的函数 }, function(){ // 隐藏元素的函数 });
例如,要实现一个点击按钮,切换div元素的显示和隐藏,可以使用如下代码:
$('#btn').click(function(){ $('#div').toggle(function(){ $(this).show(); }, function(){ $(this).hide(); }); });
上面代码中,点击按钮时,调用.toggle()方法,切换div元素的显示和隐藏。
.toggle()方法还可以接受一个布尔值参数,如果为true,则显示元素,如果为false,则隐藏元素。
$('#btn').click(function(){ $('#div').toggle(true); });
上面代码中,点击按钮时,调用.toggle()方法,将div元素显示出来。
.toggle()方法可以用来实现元素的切换效果,可以接受两个参数,一个是显示元素的函数,一个是隐藏元素的函数,也可以接受一个布尔值参数,实现元素的显示和隐藏。