干货:如何使用jQuery检查元素是否隐藏(总结)

转载 2017年01月03日 09:12:20

jQuery用的久了,自然他的各种用法也要了然于胸,有的时候我们有这样的一个需求:

判断是否一个元素是隐藏的,如果不是隐藏的我们可以把他隐藏,是隐藏的我们可以把他显示出来。

干货:如何使用jQuery检查元素是否隐藏(总结)

Javaweb技术分享

有的时候,就是这样一个小小的需求。然而你不去了解,有的时候程序员们也会扎耳挠腮,好在我今天也是给大家总结了一下关于jQuery检查元素是否隐藏的办法:

利用jQuery的:visible选择器

$(element).is(":visible");

另外一种写法

$('element:visible')

利用jQuery的:hidden选择器

$('element:hidden')

利用元素的display属性

$(element).css('display') == 'none'

利用css的visibility

$(this).css("visibility") == "hidden"

干货:如何使用jQuery检查元素是否隐藏(总结)

Javaweb技术分享

最后没有了。如果大家觉得好,点个赞留个言什么的。小编每天也是很辛苦的为大家带来干货。

感谢关注

本文为头条号作者发布,不代表今日头条立场。

干货:如何使用jQuery检查元素是否隐藏(总结)

Javaweb技术分享 2016-12-28 21:00 jQuery用的久了,自然他的各种用法也要了然于胸,有的时候我们有这样的一个需求: 判断是否一个元素是隐藏的,如果不是隐藏的我...
  • u011277123
  • u011277123
  • 2016年12月29日 13:41
  • 272

jquery 如何判断一个元素当前状态是隐藏或显示

需要:判断一个元素当前是隐藏或显示 ,然后处理业务: 代码如:
  • huaishuming
  • huaishuming
  • 2014年07月11日 19:27
  • 38541

解决jQuery元素绑定toggle事件后元素变成隐藏的问题

原因分析 很简单,toggle功能在1.9版本之后发生变化了。不再支持多个事件轮流切换。摘一段官网说明: Note: This method signature was deprecate...
  • killcwd
  • killcwd
  • 2016年04月12日 16:59
  • 1782

jQuery判断对象是否隐藏(display和visibility的区别)

项目中遇到问题,要判断一个元素是否被隐藏了,网上查了很多方法,但都解决不了我的问题,页面上元素明明看不到元素了,但返回值一直是未隐藏。最后浏览器跟踪CSS样式发现,我的项目中元素被隐藏不是设置的hid...
  • u010295735
  • u010295735
  • 2017年07月24日 16:49
  • 296

使用jquery怎么去检查一个元素是否存在

在jquery中,你能够使用.length属性来检测一个元素是否存在。如果元素存在,则length属性会返回所以匹配的元素的个数。 例如: if($('#div1').length){   ...
  • taiyb
  • taiyb
  • 2014年10月13日 23:15
  • 1238

js判断元素是否隐藏的几种方法

$("#div").is(":hidden"); // 判断是否隐藏  $("#div").is(":visible") //是否显示
  • u012767607
  • u012767607
  • 2017年02月26日 12:02
  • 945

Atitit.判断元素是否显示隐藏在父元素 overflow

Atitit.判断元素是否显示隐藏在父元素 overflow   1.1. scrollTop  指的是元素的滚动条顶端距离原生基线的高度...1 1.2. 判断元素是否显示隐藏在父元素 ...
  • attilax
  • attilax
  • 2016年04月06日 18:19
  • 486

如何使用jQuery的class标签器隐藏iframe内加载的div元素,

$(function(){  var iframe = $("#diggerName")[0];  if (iframe.attachEvent){  // for IE      iframe.at...
  • hanxu521111
  • hanxu521111
  • 2017年09月05日 17:28
  • 342

JQuery中判断元素中是否有内容

网页中html代码如下: style type="text/css"> *{ margin:0; padding:0; font-size:12px;}  body{ background:#EEE...
  • jixiaomeng821
  • jixiaomeng821
  • 2014年05月01日 00:34
  • 3389

jQuery中用来让元素显示和隐藏的函数

我们所以会使用jQuery,是因为在这个jQuery这个库中有很多的函数已经写好,我们可以直接拿过来去用,于是我们知道了解一些函数是非常重要的,在这个地方我们就介绍一些函数。 首先介绍的函数是如何让...
  • datouniao1
  • datouniao1
  • 2016年02月28日 14:11
  • 1380
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:干货:如何使用jQuery检查元素是否隐藏(总结)
举报原因:
原因补充:

(最多只允许输入30个字)