您的位置:首页 > Web前端 > jquery

jquery判断是否显示或隐藏

更多 2015/8/17 来源:jquery学习浏览量:1215
学习标签: jquery
本文导读:在做web页面时,经常需要判断某个元素是否显示或隐藏来进行相应的操作,在jQuery中可以使用is() 方法来判断一个元素是否显示,反之,则为隐藏。

判断一个元素是否显示,可以使用 jQuery 中的 is() 方法来实现。

 

$("#id").is(':visible');            true 为显示 false 为隐藏

$("#id").is(":hidden");         true 为隐藏 false 为显示

 

实例

 

 
JScript 代码   复制

var node=$('#id');

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

  node.show(); 

}else{

  node.hide();

}

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

  node.hide();

}else{

  node.show();

}

 

收藏
494
很赞
147