有关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();});