首页 / 问答 / JavaScript/jQuery如何判断/检测一个HTML元素是否是隐藏状态呢?

JavaScript/jQuery如何判断/检测一个HTML元素是否是隐藏状态呢?

javascript Jquery js 185 次浏览
0

在前端开发中,如何使用javascript(js)或者jQuery检测一个HTML元素是否是隐藏或显示状态呢?

比如.hide(),.show()或者.toggle(),是否也有类似的检测元素隐藏/显示状态的方法呢?

回复 [×]
提交评论
请输入评论内容

3 个回答

  • 0

    在jQuery中,可以使用.is()函数来检测一个指定元素的隐藏/显示状态,如下:

    // 检测元素的CSS状态
    $(element).is(":visible");
    
    // 检测元素的hidden状态
    $(element).is(":hidden");
    
    Rector的个人主页

    Rector

    10-07 回答

    • 0

      或者使用jQuery的.css()函数来检测一个指定元素的隐藏/显示状态,如下:

      if ( $(element).css('display') == 'none' || $(element).css("visibility") == "hidden"){
          // 元素处于隐藏状态
      }
      

      注:以上代码未考虑父元素的可见性,如果要考虑父元素的可见性,则应该使用.is(":hidden")或者.is(":visible")函数。

      Rector的个人主页

      Rector

      10-07 回答

      • 0

        如果只需要jQuery来切换一个HTML元素的隐藏/显示状态,则可以调用.toggle()函数,如下:

        $(document).ready(function(){
            $("#eb").click(function(){
                $("#ebdiv").toggle();
            });
        });
        
        Rector的个人主页

        Rector

        10-07 回答

        我来回答