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 相关文章推荐
javascript设置金额样式转换保留两位小数示例代码
Dec 04 Javascript
jQuery+easyui中的combobox实现下拉框特效
Feb 27 Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
Dec 08 Javascript
Angular2中如何使用ngx-translate进行国际化
May 21 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
Vue中mintui的field实现blur和focus事件的方法
Aug 25 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 Javascript
Layui 动态禁止select下拉的例子
Sep 03 Javascript
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的ob_start();控制您的浏览器cache!
2006/11/25 PHP
基于PHP Web开发MVC框架的Smarty使用说明
2013/04/19 PHP
smarty基础之拼接字符串的详解
2013/06/18 PHP
php计算2个日期的差值函数分享
2015/02/02 PHP
Mac环境下php操作mysql数据库的方法分享
2015/05/11 PHP
PHP编程获取音频文件时长的方法【基于getid3类】
2017/04/20 PHP
Yii 框架控制器创建使用及控制器响应操作示例
2019/10/14 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
JS函数实现动态添加CSS样式表文件
2012/12/15 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
JavaScript判断变量是否为空的自定义函数分享
2015/01/31 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
jquery使用hide方法隐藏指定id的元素
2015/03/30 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
JS实现简单的表格增删
2020/01/16 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
python使用udp实现聊天器功能
2018/12/10 Python
Python数据结构与算法(几种排序)小结
2019/06/22 Python
Python使用贪婪算法解决问题
2019/10/22 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
Python 解析库json及jsonpath pickle的实现
2020/08/17 Python
微软香港官网及网上商店:Microsoft HK
2016/09/01 全球购物
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
室内设计专业个人的自我评价
2013/10/19 职场文书
学校三节实施方案
2014/06/09 职场文书
环保志愿者活动方案
2014/08/14 职场文书
和领导吃饭祝酒词
2015/08/11 职场文书
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android
详解SQL报错盲注
2022/07/23 SQL Server