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


Posted in Javascript onMay 19, 2016

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判断元素是否显示 是否隐藏的简单实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
GRID拖拽行的实例代码
Jul 18 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
Jul 17 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
May 12 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
详解vue-router基本使用
Apr 18 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
React Native验证码倒计时工具类分享
Oct 24 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
Mar 07 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
vue 数据操作相关总结
Dec 17 Vue.js
JavaScript中的ParseInt("08")和“09”返回0的原因分析及解决办法
May 19 #Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 #Javascript
js获取Html元素的实际宽度高度的方法
May 19 #Javascript
js获取隐藏元素宽高的实现方法
May 19 #Javascript
jquery实现无刷新验证码的简单实例
May 19 #Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 #Javascript
JavaScript:Array类型全面解析
May 19 #Javascript
You might like
php实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
利用PHP实现短域名互转
2013/07/05 PHP
完美解决PHP中的Cannot modify header information 问题
2013/08/12 PHP
浅谈socket同步和异步、阻塞和非阻塞、I/O模型
2016/12/15 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
jQuery对象与DOM对象之间的转换方法
2010/04/15 Javascript
详解JS 比较两个Json对象的值是否相等的实例
2013/11/20 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
js实现div闪烁原理及实现代码
2014/06/24 Javascript
Backbone中View之间传值的学习心得
2016/08/09 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
JavaScript中的call和apply的用途以及区别
2017/01/11 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
用Python编写一个简单的俄罗斯方块游戏的教程
2015/04/03 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
ubuntu中配置pyqt4环境教程
2017/12/27 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
Flask框架路由和视图用法实例分析
2019/11/07 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
Python作用域与名字空间原理详解
2020/03/21 Python
Python flask路由间传递变量实例详解
2020/06/03 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
html5构建触屏网站之网站尺寸探讨
2013/01/07 HTML / CSS
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
Expedia挪威官网:酒店、机票和租车
2018/03/03 全球购物
行政主管岗位职责
2013/11/18 职场文书
2014年应届大学生自我评价
2014/01/09 职场文书
晚宴邀请函范文
2014/01/15 职场文书
中学生个人自我评价
2014/02/06 职场文书
董事长秘书岗位职责
2015/02/13 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
导游词之南京栖霞山
2019/10/18 职场文书