jquery如何判断元素是否显示或隐藏?

jquery如何判断元素是否显示或隐藏?下面本篇文章就来给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

JQuery中判断元素是否显示或者隐藏,有两种方式,主要通过获取元素节点的hidden和visible两个属性来进行判断,代码如下:

var node=$('#id');

第一种写法

if(node.is(':hidden')){  //如果node是隐藏的则显示node元素,否则隐藏
  node.show(); 
}else{
  node.hide();
}

第二种写法

if(!node.is(':visible')){  //如果node是隐藏的则显示node元素,否则隐藏
  node.show(); 
}else{
  node.hide();
}
if(node.is(':visible')){  //如果node是显示的则隐藏node元素,否则显示
  node.hide();
}else{
  node.show();
}

更多web开发知识,请查阅 HTML中文网 !!

以上就是jquery如何判断元素是否显示或隐藏?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读