jQuery判断元素是否显示是否隐藏

var node=$('#id');

第一种写法

if(node.is(':hidden')){　　//如果node是隐藏的则显示node元素，否则隐藏

　　node.show();　

}else{

　　node.hide();

}

第二种写法

if(!node.is(':visible')){　　//如果node是隐藏的则显示node元素，否则隐藏

　　node.show();　

}else{

　　node.hide();

}

if(node.is(':visible')){　　//如果node是显示的则隐藏node元素，否则显示

　　node.hide();

}else{

　　node.show();

}

显示效果如下：

如果不想使用这种方法也不想判断可以直接使用权重方法

代码如下：

.selected span{border: 3px solid yellow;
    display: block!important;
}

display：block！important！

jQuery判断元素是否显示是否隐藏相关推荐

jQuery判断元素是否显示与隐藏
jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏核心代码 if($("#username").is(":hidd ...
jQuery控制元素的显示与隐藏（三种方式对比）
hide和show hide:是$(".类名")或$("#标签名")或$("标签名").hide() show:是$(".类名&q ...
JQuery 使用技巧（一）：判断元素是否显示与隐藏
最近要做一些关于 SSM 项目的需求,项目是前后端不分离的,从去年上半年学习了 Vue 2 之后现在也一直再使用 VUE,近期才刚入手 VUE 3,确实变化还是挺多的,还需要慢慢的花时间去整理与沉淀. ...
jquery设置元素的显示、隐藏
1.show().hide() $("#id").show()表示为display:block; $("#id").hide()表示为display:none; ...
html点击显示隐藏判断,jquery判断元素是否隐藏的多种方法
第一种:使用CSS属性 var display =$('#id').css('display'); if(display == 'none'){ alert("被你发现了,我是隐藏的啦!&q ...
jquery判断元素是否隐藏的多种方法
第一种:使用CSS属性复制代码代码如下: var display =$('#id').css('display'); if(display == 'none'){ alert("被 ...
Jquery判断元素是否隐藏：display属性状态值
很多时候,我们都要判断元素当前是否处于显示或隐藏状态.Jquery通过判断元素display属性状态值来实现"判断当前操作元素是否显示还是隐藏",实现方法主要使用Jquery提供的 ...
Atitit.判断元素是否显示隐藏在父元素 overflow
Atitit.判断元素是否显示隐藏在父元素 overflow 1.1. scrollTop 指的是元素的滚动条顶端距离原生基线的高度...1 1.2. 判断元素是否显示隐藏在父元素 $(next) ...
html if 隐藏元素,jquery判断元素是否隐藏？
这篇文章主要介绍了jquery判断元素是否隐藏的多种方法,需要的朋友可以参考下. jquery判断元素是否隐藏? 1.首先获取需要判断的元素var node = $('#id'); 2.然后使用jqu ...

jQuery判断元素是否显示是否隐藏

jQuery判断元素是否显示是否隐藏相关推荐

最新文章

热门文章

jQuery判断元素是否显示 是否隐藏

jQuery判断元素是否显示 是否隐藏相关推荐

最新文章

热门文章

jQuery判断元素是否显示是否隐藏

jQuery判断元素是否显示是否隐藏相关推荐