首页 / 脚本样式 / JavaScript / jquery判断元素是否隐藏的多种方法

第一种：使用CSS属性
复制代码 代码如下:
var display =$（"#id"）.css（"display"）;
if（display == "none"）{
   alert（"被你发现了，我是隐藏的啦！"）;
}
第二种：使用jquery内置选择器
假设我们页面有这么个标签,
复制代码 代码如下:<div id="test">
<p>仅仅是测试所用</p>
</div>
那么,我们可以用以下语句来判断id为"test"的标签是否隐藏:
复制代码 代码如下:if（$（"#test"）.is（":hidden"））{...} //前提是已经将jQuery的库导进来了
这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动画,比如:
复制代码 代码如下:
if（$（"#test"）.is（":hidden"））{
       $（"#test"）.show（）;    //如果元素为隐藏,则将它显现
}else{
      $（"#test"）.hide（）;     //如果元素为显现,则将其隐藏
}
jQuery判断元素是否显示 是否隐藏
复制代码 代码如下:
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（）;
}

jQuery判断对象是否显示或隐藏
Js代码
复制代码 代码如下:
// jQuery（"#tanchuBg"）.css（"display"） 
// jQuery（"#tanchuBg"）.is（":visible"） 
// jQuery（"#tanchuBg"）.is（":hidden"） 

Js代码
复制代码 代码如下:
$（element）.is（":visible"） // Checks for display:[none|block], ignores visible:[true|false] 

Js代码
复制代码 代码如下:
$（"element:hidden"） 
$（"element:visible"） 

Js代码
复制代码 代码如下:
$（".item"）.each（function（） 
{ 
    if （$（this）.css（"visibility"） == "hidden"） 
    { 
        // handle non visible state 
    } 
    else 
    { 
        // handle visible state 
    } 
}） 

Js代码
复制代码 代码如下:
ar isVisible = $（"#myDiv"）.is（":visible"）; 
var isHidden = $（"#myDiv"）.is（":hidden"）; 

Js代码
复制代码 代码如下:
if（ $（this）.css（"display"） == "none" ）{ 
 
    /* your code here*/ 
} 
else{ 
 
    /*  alternate logic   */ 
}