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

使用jQuery,您可以使用is(:visible)检测页面中的特定元素是隐藏还是可见。您可以尝试运行以下代码以了解如何检查元素是否在jQuery中隐藏-

示例

<html>
   <head>
      <title>jQuery Selector</title>
      <script src = "https://cdn.staticfile.org/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>
猜你喜欢