jQuery对于显示和隐藏等常用状态的判断方法


Posted in Javascript onDecember 13, 2014

本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法。分享给大家供大家参考。具体方法如下:

显示:show()  display:block;

隐藏:hide()   display:none;

当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法:

1.

if(thisNode.is(':hidden')){......}else{.......}

2.首先给thisNode的Dom元素加class标识,例如改标识为class="showFlag",判断如下
if(thisNode.hasClass('showFlag')){.......}else{......}

同样的道理,也可以判断thisNode的其他内容,例如子元素的个数,text内容等等,这样根据具体需求来说。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
ext实现完整的登录代码
Aug 08 Javascript
js 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
js 判断一个元素是否在页面中存在
Dec 27 Javascript
在Firefox下js select标签点击无法弹出
Mar 06 Javascript
jQuery中focus事件用法实例
Dec 26 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
Feb 11 Javascript
JS+CSS实现简易实用的滑动门菜单效果
Sep 18 Javascript
jquery使用EasyUI Tree异步加载JSON数据(生成树)
Feb 11 Javascript
怎样在vue项目下添加ESLint的方法
May 16 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 Javascript
JS中如何优雅的使用async await详解
Oct 05 Javascript
在js中修改html body的样式
Nov 11 Javascript
js QQ客服悬浮效果实现代码
Dec 12 #Javascript
js 左右悬浮对联广告特效代码
Dec 12 #Javascript
重写document.write实现无阻塞加载js广告(补充)
Dec 12 #Javascript
js中document.write的那点事
Dec 12 #Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
Dec 12 #Javascript
jQuery实现瀑布流布局
Dec 12 #Javascript
jquery+ajax验证不通过也提交表单问题处理
Dec 12 #Javascript
You might like
php 全局变量范围分析
2009/08/07 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
PHP生成器简单实例
2015/05/13 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
Jquery 基础学习笔记
2009/05/29 Javascript
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
js对象的比较
2011/02/26 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
JS增加行复制行删除行的实现代码
2013/11/09 Javascript
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
js实现进度条的方法
2015/02/13 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
2016/05/20 Javascript
早该知道的7个JavaScript技巧
2016/06/21 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
jquery实现楼层滚动效果
2018/01/01 jQuery
超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法
2019/01/27 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
2021/01/07 Javascript
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
pandas数据处理进阶详解
2019/10/11 Python
TensorFLow 不同大小图片的TFrecords存取实例
2020/01/20 Python
Python 序列化和反序列化库 MarshMallow 的用法实例代码
2020/02/25 Python
Python3批量创建Crowd用户并分配组
2020/05/20 Python
从Pytorch模型pth文件中读取参数成numpy矩阵的操作
2021/03/04 Python
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
大一学生假期实习的自我评价
2013/10/12 职场文书
教师节商场活动方案
2014/02/13 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
从QQtabBar看css命名规范BEM的详细介绍
2021/08/07 HTML / CSS
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis