1.第ä¸ç§ï¼ä½¿ç¨CSSå±æ§
代ç å¦ä¸:
var display =$('#id').css('display');
if(display == 'none'){
alert("è¢«ä½ åç°äºï¼ææ¯éèçå¦ï¼");
}
2.第äºç§ï¼ä½¿ç¨jqueryå
ç½®éæ©å¨
å设æ们页é¢æè¿ä¹ä¸ªæ ç¾,
å¤å¶ä»£ç 代ç å¦ä¸:<div id="test">
<p>ä»
ä»
æ¯æµè¯æç¨</p>
</div>
é£ä¹,æ们å¯ä»¥ç¨ä»¥ä¸è¯å¥æ¥å¤æid为"test"çæ ç¾æ¯å¦éè:
代ç å¦ä¸:if($("#test").is(":hidden")){...} //åææ¯å·²ç»å°jQueryçåºå¯¼è¿æ¥äº
è¿æ ·,æ们就è½å¤å¾ç®åå°å¤æä¸ä¸ªå
ç´ æ¯å¦éè,å¹¶æ ¹æ®å
¶ç¶ææ¥è®¾ç½®å¨ç»,æ¯å¦:
代ç å¦ä¸:
if($("#test").is(":hidden")){
$("#test").show(); //å¦æå
ç´ ä¸ºéè,åå°å®æ¾ç°
}else{
$("#test").hide(); //å¦æå
ç´ ä¸ºæ¾ç°,åå°å
¶éè
}
3.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();
}
4.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 */
}