jquery判断元素是否隐藏的方法：1、使用CSS属性，代码为【var display =$(‘#id’).css(‘display’);】；2、使用jquery内置选择器，代码为【if($(“#test”).is(“:hidden”)】。
本教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。
推荐：jquery视频教程
jquery判断元素是否隐藏的方法：
1：使用CSS属性
代码如下:
var display =$('#id').css('display');if(display == 'none'){ alert("被你发现了，我是隐藏的啦！");}
登录后复制
2：使用jquery内置选择器
假设我们页面有这么个标签,
代码如下:
仅仅是测试所用
登录后复制
那么,我们可以用以下语句来判断id为”test”的标签是否隐藏:
代码如下:
if($("#test").is(":hidden")){...} //前提是已经将jQuery的库导进来了
登录后复制
这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动画,比如:
代码如下:
if($("#test").is(":hidden")){ $("#test").show(); //如果元素为隐藏,则将它显现}else{ $("#test").hide(); //如果元素为显现,则将其隐藏}
登录后复制
3：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();}
登录后复制
相关免费学习推荐：javascript（视频）
以上就是jquery怎么样判断元素是否隐藏起来的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2719353.html
