jquery判斷元素是否隱藏的多種方法

1.使用CSS屬性

var display =$('#id').css('display');
if(display == 'none'){
   alert("none為隱藏");
}

 

2.jQuery判斷元素

var node=$('#id');

第一種寫法

if(node.is(':hidden')){　　//如果node是隱藏的則顯示node元素，否則隱藏
　　node.show();　
}else{
　　node.hide();
}

　　

第二種寫法

if(node.is(':visible')){　　//如果node是顯示的則隱藏node元素，否則顯示
　　node.hide();
}else{
　　node.show();
}

 

3.jQuery判斷對象是否顯示語法

$(".test").css("display")  
$(".test").is(":visible")  
$(".test").is(":hidden")  
$(element).is(":visible") // 返回值 display:[none|block], hidden和visible:[true|false]