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]