jQuery判断元素是否显示是否隐藏的简单实现代码

更新时间：2016年05月19日 10:11:15 投稿：jingxian

下面小编就为大家带来一篇jQuery判断元素是否显示是否隐藏的简单实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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();

}

以上这篇jQuery判断元素是否显示是否隐藏的简单实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

jQuery实现的左右移动焦点图效果
这篇文章主要介绍了jQuery实现的左右移动焦点图效果,涉及jQuery结合时间函数响应鼠标事件动态操作页面元素样式的相关技巧,需要的朋友可以参考下
2016-01-01
jquery图片轮播特效代码分享
这篇文章主要为大家详细介绍了jquery简单图片轮播特效，图片轮播效果特别适合做产品展示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-09-09
jquery设置按钮停顿3秒不可用
设置按钮停顿3秒不可用的方法有很多，下面为大家介绍下使用jquery是如何实现的
2014-03-03
jquery中EasyUI实现异步树
前面我们分享了使用jquery中EasyUI实现同步树的代码，本文我们就来看下使用EasyUI实现异步树的方法和示例，希望小伙伴们能够喜欢。
2015-03-03
jQuery实现仿腾讯迷你首页选项卡效果代码
这篇文章主要介绍了jQuery实现仿腾讯迷你首页选项卡效果代码,可实现tab切换按钮的左右滑动显示及点击切换效果,涉及jQuery基于鼠标事件实现页面元素动态操作技巧,需要的朋友可以参考下
2015-09-09
jQuery如何防止这种冒泡事件发生
这篇文章主要介绍了Jquery使我们简化了禁止冒泡事件的操作，只需几行代码,需要的朋友可以参考下
2015-02-02
jQuery 1.4 15个你应该知道的新特性(译)
jQuery 1.4 最近刚刚发布. 这个版本可不是一个简单的改进,它不仅包含了很多新的特性，还改进了很多功能, 更在性能优化方面下了很大功夫, 本文将对这些新的特性和增强的部分进行讨论,希望能对你有所帮助.
2010-01-01
jquery采用oop模式class类的使用示例
这篇文章主要介绍了jquery采用oop模式class类的使用方法,结合实例形式分析了jQuery模拟oop模式定义class类与方法的技巧,需要的朋友可以参考下
2016-01-01
$.ajax返回的JSON无法执行success的解决方法
为什么会这样子呢？在网上查了好久，结果发现是因为我指定了dataType:'json',这样一指定完蛋了，对Json的要求就非常严格起来了
2011-09-09
JQuery 图片延迟加载并等比缩放插件
图片延迟加载并等比缩放，一个简单的JQuery插件。需要的朋友可以参考下。
2009-11-11