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 避免闭包引发的问题
Mar 17 Javascript
javascript打印大全(打印页面设置/打印预览代码)
Mar 29 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
Aug 28 Javascript
JQuery each()嵌套使用小结
Apr 18 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 Javascript
AngularJS延迟加载html template
Jul 27 Javascript
Vue.js组件使用开发实例教程
Nov 01 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
微信小程序 如何引入外部字体库iconfont的图标
Jan 31 Javascript
Javascript中prototype与__proto__的关系详解
Mar 11 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
May 18 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可变函数的使用详解
2013/06/14 PHP
php include类文件超时问题处理
2015/02/06 PHP
PHP实现文件上传和多文件上传
2015/12/24 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
linux mint下安装phpstorm2020包括JDK部分的教程详解
2020/09/17 PHP
js 页面执行时间计算代码
2009/03/04 Javascript
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
理解javascript中的严格模式
2016/02/01 Javascript
JavaScript实现Base64编码转换
2016/04/23 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
2017/03/31 Javascript
NodeJs的fs读写删除移动监听
2017/04/28 NodeJs
Angular.js中数组操作的方法教程
2017/07/31 Javascript
关于axios如何全局注册浅析
2018/01/14 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
python基于物品协同过滤算法实现代码
2018/05/31 Python
Python的argparse库使用详解
2018/10/09 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
10个顶级Python实用库推荐
2021/03/04 Python
HTML5 用动画的表现形式装载图像
2016/03/08 HTML / CSS
Love, Bonito国际官网:新加坡女装品牌
2021/03/13 全球购物
EJB3推出JPA的原因
2013/10/16 面试题
电脑教师的教学自我评价
2013/11/26 职场文书
求职信模版
2013/11/30 职场文书
产品推广策划方案
2014/05/10 职场文书
工作失职检讨书(精华篇)
2014/10/15 职场文书
课外活动实习计划
2015/01/19 职场文书
学校安全管理制度
2015/08/06 职场文书
JavaScript控制台的更多功能
2021/04/28 Javascript
MySQL时间盲注的五种延时方法实现
2021/05/18 MySQL
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL