欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery如何判断元素是否隐藏

程序员文章站 2022-03-09 15:44:50
...

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

jquery如何判断元素是否隐藏

本教程操作环境: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如何判断元素是否隐藏的详细内容,更多请关注其它相关文章!

相关标签: jquery 隐藏