jquery如何判断元素是否隐藏

jquery判断元素是否隐藏的方法：1、使用CSS属性，代码为【var display =$('#id').css('display')】；2、使用jQuery判断对象是否显示语法，代码为【$(".test").css("display】。

本教程操作环境：windows7系统、jquery2.2.4版，该方法适用于所有品牌电脑。

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]

相关免费学习推荐：JavaScript（视频）

以上就是jquery如何判断元素是否隐藏的详细内容，更多请关注其它相关文章！