一個單一的元素代碼示例:
//檢查CSS內容是否顯示:[none|block],忽略可見性:[true|false]
$(element).is(":visible");
// 對隱藏的也是如此
$(element).is(":hidden");使用jQuery的is()來檢查所選元素與另一個元素,選擇器或任何jQuery對象。
這個方法沿著DOM元素遍歷,以找到一個匹配的,滿足傳遞參數的元素。
如果有一個匹配,它將返回true,否則返回false。
if ( $(element).css('display') == 'none' || $(element).css("visibility") == "hidden"){
// 'element' is hidden
}上面的方法不考慮父級的可見性。要同時考慮父級,你應該使用.is(“:hidden”)或.is(“:visible”)。
比如說。
<div id="div1" style="display:none">
<div id="div2" style="display:block">Div2</div>
</div>上述方法會認為div2是可見的,而:visible不是。但上述方法在很多情況下可能是有用的,特別是當你需要找到隱藏的父類中是否有任何錯誤的div是可見的,因為在這種情況下:visible將不起作用。
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/268403.html
微信掃一掃
支付寶掃一掃