第一種：使用CSS屬性
var display =$('#id').css('display');
if(display == 'none'){
alert("被你發(fā)現(xiàn)了，我是隱藏的啦！");
}
第二種：使用jquery內(nèi)置選擇器
假設(shè)我們頁面有這么個(gè)標(biāo)簽,
<p>僅僅是測試所用</p>
</div>
那么,我們可以用以下語句來判斷id為"test"的標(biāo)簽是否隱藏:
這樣,我們就能夠很簡單地判斷一個(gè)元素是否隱藏,并根據(jù)其狀態(tài)來設(shè)置動(dòng)畫,比如:
if($("#test").is(":hidden")){
$("#test").show(); //如果元素為隱藏,則將它顯現(xiàn)
}else{
$("#test").hide(); //如果元素為顯現(xiàn),則將其隱藏
}
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 */
}
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.0391cbd.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)