• 技术文章 >web前端 >js教程

    jquery如何判断元素是否隐藏

    coldplay.xixicoldplay.xixi2020-11-30 17:06:17原创47

    jquery判断元素是否隐藏的方法:1、使用CSS属性,代码为【var display =$('#id').css('display')】;2、使用jQuery判断对象是否显示语法,代码为【$(".test").css("display】。

    本教程操作环境:windows7系统、jquery2.2.4版,该方法适用于所有品牌电脑。

    jquery判断元素是否隐藏的方法:

    1、使用CSS属性

    var display =$('#id').css('display');
    if(display == 'none'){
       alert("none为隐藏");
    }

    2、jQuery判断元素

    var node=$('#id');

    第一种写法

    if(node.is(':hidden')){  //如果node是隐藏的则显示node元素,否则隐藏
      node.show(); 
    }else{
      node.hide();
    }

    第二种写法

    if(node.is(':visible')){  //如果node是显示的则隐藏node元素,否则显示
      node.hide();
    }else{
      node.show();
    }

    3、jQuery判断对象是否显示语法

    $(".test").css("display") 
    $(".test").is(":visible") 
    $(".test").is(":hidden") 
    $(element).is(":visible") // 返回值 display:[none|block], hidden和visible:[true|false]

    相关免费学习推荐:JavaScript(视频)

    以上就是jquery如何判断元素是否隐藏的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery 隐藏
    上一篇:jquery怎么判断变量是否是数字 下一篇:jquery :disabled是什么选择器
    第14期线上培训班

    相关文章推荐

    • nginx 如何隐藏php• jquery版本号如何隐藏• react怎么显示隐藏• jquery如何显示和隐藏元素

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网