jquery如何判断toggle状态?toggle二种状态判断方法

发布时间:2020-07-07编辑:脚本学堂
有关jquery toggle状态的判断方法,在使用toggle方法,如何判断当前状态是show或hide,jquery使用toggle()时怎么判断状态,来看本文给出的例子。

一、jquery怎么判断toggle状态?

在使用jquery toggle方法时,如何判断现在的状态是show还是hide?

正确方法:
使用is方法判断是否是hidden状态。

例如:
 

if($("#jbxue").is(":hidden")){
    //当前是hide状态
}else{
  //当前是show状态
}

二、jquery使用toggle()时怎么判断状态?

问:toggle方法如何知道当前是show还是hide,又没有返回值 true or false  怎么得到。
判断当前是show还是hide,然后决定执行哪些代码。

答:如果是有这么一个元素:
 

<div id="mDiv" style="display:none">DIV1</div> 

判断它是否显示的话可以用is()方法,代码:
 

if($("#mDiv").is(":hidden")){ 
  $(this).show();      
}else{ 
  $(this).hide(); 
}

三、jquery判断toggle当前状态的例子

jquery toggle方法使用时,用is方法判断当前状态:
 

if($("#phpernote").is(":hidden")){
 //当前是hide状态
}else{
 //当前是show状态
}

也可以使用slideToggle代替:
 

$(this).slideToggle("slow",function(){
if ($(this).is(':hidden')) {
alert("hidden");
}
});

使用回调函数来进行判断当前元素是否隐藏。
重设toggle状态
 

$('#toggled').toggle(fn1, fn2);
$('#clear').click(function() {
        $('#toggled').unbind('click').toggle(fn1, fn2);
});

例子,鼠标单击某个按钮或某一元素时,使另一个元素隐藏和显示。
jquery中的 toggle()可以帮助实现。

之前会用到两个按钮bnt1和btn2:
 

$(".btn1").click(function(){ $("p").hide();});$(".btn2").click(function(){ $("p").show();});

使用toggle()后:
直接点击,即可实现元素的显示与隐藏效果;
 

$(".btn1").click(function(){ $("p").toggle();});