jQuery 判斷元素是否隱藏
發布時間:2024-03-07
本文介紹如何使用 jQuery 判斷元素是否隱藏:
// 判斷 CSS 屬性 display:[none|block], 忽略 visibility:[true|false] // 判斷元素是否顯示 $(element).is(":visible"); // 判斷元素是否隱藏 // The same works with hidden $(element).is(":hidden");
以下實例演示了兩個 div,一個顯示,一個隱藏,通過 jQuery 判斷 div 元素是否隱藏:
<div id="div1" style="display:none"> Div1 元素是隱藏的 </div> <div id="div2" style="display:block"> Div2 元素是可見的 </div> <script> if($("#div1").is(":visible")) { document.write("Div1 元素是可見的<br>"); } if($("#div1").is(":hidden")) { document.write("Div1 元素是隱藏的<br>"); } if($("#div2").is(":visible")) { document.write("Div2 元素是可見的<br>"); } if($("#div2").is(":hidden")) { document.write("Div2 元素是隱藏的<br>"); } </script>
標簽: jQuery使用 , jQuery判斷元素 , jQuery判斷元素隱藏 ,