js 判断元素的display是否为block或者none

最新推荐文章于 2022-02-16 21:36:08 发布

weixin_30261095

最新推荐文章于 2022-02-16 21:36:08 发布

阅读量3k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangxiaoyan/p/9629087.html

本文提供了一段使用jQuery来检查DOM元素是否被隐藏的简单JavaScript代码片段。通过检查元素的display属性来确定其可见状态，对于前端开发者来说非常实用。

 if($(this).css("display")=="none"){
            //隐藏的
        }else{
            //显示的
        }

转载于:https://www.cnblogs.com/wangxiaoyan/p/9629087.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30261095

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

通过jQuery的slideToggle()方法实现元素的显示隐藏时，利用当前ul元素display的值判断状态遇到的问题

w1119498707的博客

04-07

564

项目场景：通过jQuery的slideToggle()方法实现元素的显示隐藏时，利用当前ul元素display的值判断状态，点击当前p标签时，显示隐藏兄弟元素ul，当ul显示时p为灰色，隐藏则p为蓝色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

如何通过JS判断一个元素是否显示、隐藏

热门推荐

bug处理进行时

05-08

1万+

无论元素是通过设置dispaly还是通过添加伪类:hidden来进行的控制，都可以使用其中一种方式进行判断。即：如果元素是通过添加伪类实现的隐藏，依旧可以通过display来进行判断。通过判断当前元素的display的值来判断当前元素是否是可见状态。只能用display来对none进行对比判断。因为可见元素的状态可能是block、inline等。

参与评论您还未登录，请先登录后发表或查看评论

jquery判断某个标签的display属性是否是none

wingsb的博客

07-18

9878

display属于元素的css样式属性，而jQuery提供了 css() 方法设置或返回被选元素的样式属性，所以判断一个元素的display属性是不是none的代码为： if( $("#aa").css("display")=='none') { // TO DO .. } 此外，以下下两种方法也可以判断元素是否显示： $("#aa").css("visibility")=='visi...

js判断display隐藏显示

weixin_30702413的博客

12-17

949

// 判断是否为隐藏(css)样式 function isHide(obj) { var ret = obj.style.display === "none" || obj.style.display ===...

Js - 判断元素是否隐藏、显示

weixin_30631587的博客

01-26

186

判断元素是否隐藏、显示的方法，需要的朋友可以参考下： 1、通过判断元素display属性状态值来实现 console.log($('div').css("display")); // inlineif($('div').css("display") != 'none') {　　console.log('aaaaa'); //aaaaa　　$('div')....

如何用js检测一个元素是显示还是隐藏

Archer1724的博客

01-08

1396

js 判断元素是显示还是隐藏 <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 100px; height: 20px; border:...

js style.display=block显示布局错乱问题的解决方法

11-24

在网页开发过程中，JavaScript（JS）常常用于控制元素的显示和隐藏，而`style.display`属性就是实现这一功能的关键。然而，在某些特定情况下，特别是涉及到表格（table）元素时，设置`display:block`可能会引发布局...

通过display或visibility来实现HTML元素的显示与隐藏

09-28

如果元素当前是显示的（display为block），那么将其隐藏（display设置为none），反之亦然。通过这种方式，用户可以点击按钮来切换div元素的显示状态。其次，visibility属性也影响元素的可见性，但它与display的...

js 判断登录界面的账号密码是否为空

10-20

本教程将详细介绍如何利用`display`属性的`none`和`block`状态来实现这一功能，而不是简单地使用`alert`提示。首先，我们需要在HTML中为账号、密码输入框以及提示信息分配ID。例如，我们可以将账号输入框的ID设为`...

style里加三元运算符判断display none

最新发布

03-19

{ display: 'block' } : { display: 'none' }]"> 我是一个可隐藏的元素 ``` 在此示例中，`:style` 使用了一个对象数组形式，其中包含了基于条件 `isVisible` 的不同样式配置。 --- #### 方法二：CSS-in-JS 库 ...

js判断元素是否隐藏、显示

七色花

08-11

7430

js判断元素是否隐藏、显示的几种方法：第一种：使用CSS属性var display =$('#id').css('display'); if(display == 'none'){ alert("隐藏"); } 第二种：使用jquery内置选择器 1. if($("#test").is(":hidden")){ $("#test").show(); //如果元素

使用Javascript控制某个Div是否显示

newmoon2004的专栏

11-17

770

1、定义此处如果一开始就把visible设为false的话，脚本中会找不到相应的DIV，所以应用style="display:none"的方式设为不显示。 2、代码： var div = document.getElementById("divEditTemplate"); if (div.style.display == "block") { div.st

JS DOM操作无法获取display属性问题（获取非行内样式问题及解决办法）

qq_38981275的博客

06-09

3190

先把代码贴出来吧：下面是初始化效果：

jQuery 判断一个元素是显示还是隐藏

weixin_33968104的博客

06-14

302

jQuery 判断一个元素是显示还是隐藏， jQuery 使用 is() 的方法来判断一个元素是否显示，反之，则为隐藏。JS 代码：假设这个 div 元素的 id 为 mydiv 。以下为引用内容：$(document).ready(function(){ if($("#mydiv").is(":visible")==false){ });以上代码可以很好地判断 div 、...

jquery控制元素的隐藏和显示的几种方法。

qq_34802511的博客

09-04

7028

jquery控制元素的隐藏和显示的几种方法。使用jquery控制div的显示与隐藏，一句话就能搞定，例如： 1.$("#id").show()表示为display：block， $("#id").hide()表示为display:none; 2.$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切换为可见的。 ...

解决HTML节点属性为display:none的问题

iczfy585的博客

09-02

1万+

写了一个简单的例子，单击按钮会调用js中的change()函数使得div的display的属性边成none，效果就是使得图片被隐藏了。源码如下： <!DOCTYPE html> <html> <head> <title>display test</title> <meta charset="utf-8"> <scr...

html block属性,CSS中的block属性

weixin_29752563的博客

06-07

1621

display属性是前端开发中常常使用的一个属性，其中，最常见的有：none；block；inline；inline-block；inherit第一部分：display:nonenone这个值表示此元素将不被显示。比如，当我们在浏览网页时，如果看到了某个烦人的广告遮挡了我们的视线，且它还没有关闭的选项，这时(以chrome为例)，我们就可以按下F12，打开开发者工具，点击element，然后使用左...

js style.display = ““ 和style.display=“none“ 区别

Simoon

02-16

3018

style.display = “”；是清除display样式，display将使用默认值（块元素会变成block，内联元素会变成inline） style.display=“none”；中“none”是一个值，表示元素将隐藏转载于:https://www.cnblogs.com/lvdongjie/p/8581726.html ...