如何使用 jQuery 檢查 div 是否可見?


你可以使用 .is(‘:visible’) 來選擇所有可見的元素。

示例

<html>
<head>
<title>divvisible</title>
   <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
   <script type="text/javascript">
      $(document).ready(function () {
         $("button").click(function () {
            var dim = $('#div1').is(":visible");
            if (dim == false) {
               $('#div1').css({ "display": "block", "color": "red" });
            }
         });
      });
   </script>
</head>
<body>
<div id="div1" style="display:none">
<p>Div is visible</p>
</div>
   <button type="button" id="btn" onclick="click()">Click Here</button><br />
</body>
</html>

更新: 22-6-2020

12K+ 瀏覽量

開啟你的職業生涯

完成課程以獲得認證

開始
廣告