如何在 jQuery 中检查元素是否已隐藏?


使用 jQuery,你可以通过 is(:visible) 检测页面中某个元素是隐藏还是可见。你可以尝试运行以下代码来学习如何检查元素是否在 jQuery 中隐藏或未隐藏 −

实时演示

<html>
   <head>
      <title>jQuery Selector</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function() {
         $("#button1").click(function(){

           var visible = $('#myElement').is(':visible');
         
           if(visible) {
              alert("input element is visible");        
           }
           else
           {
              alert("input element is hidden");
           }
         });
        });
         
      </script>
   </head>
   <body>
      <input type="text" id="myElement" style="display:block;"/>
      <button id="button1">Check Visibility</button>
   </body>
</html>

6 月 2020

158 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始
广告