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 相关文章推荐
Array.prototype.slice 使用扩展
Jun 09 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
jquery的ajax和getJson跨域获取json数据的实现方法
Feb 04 Javascript
JavaScript的设计模式经典之建造者模式
Feb 24 Javascript
js实现图片缓慢放大缩小效果
Aug 02 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
Node.js  REPL (交互式解释器)实例详解
Aug 06 Javascript
vue-router路由懒加载和权限控制详解
Dec 13 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
前端vue+elementUI如何实现记住密码功能
Sep 20 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
分页显示Oracle数据库记录的类之二
2006/10/09 PHP
php中simplexml_load_string使用实例分享
2014/02/13 PHP
PHP微信开发之微信录音临时转永久存储
2018/01/26 PHP
php微信公众号开发之校园图书馆
2018/10/20 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
jquery复选框CHECKBOX全选、反选
2008/08/30 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
JavaScript转换农历类实现及调用方法
2013/01/27 Javascript
JS文本框追加多个下拉框的值的简单实例
2013/07/12 Javascript
通过隐藏iframe实现文件下载的js方法介绍
2014/02/26 Javascript
简单选项卡 js和jquery制作方法分享
2014/02/26 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
2014/04/16 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
JS实现动态移动层及拖动浮层关闭的方法
2015/04/30 Javascript
js中跨域方法原理详解
2015/07/19 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
2016/12/08 Javascript
快速入门Vue
2016/12/19 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
jqueryUI tab标签页代码分享
2017/10/09 jQuery
jQuery 点击获取验证码按钮及倒计时功能
2018/09/20 jQuery
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
layui 实现table翻页滚动条位置保持不变的例子
2019/09/05 Javascript
three.js 制作动态二维码的示例代码
2020/07/31 Javascript
深入讲解Python中面向对象编程的相关知识
2015/05/25 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
pyqt5、qtdesigner安装和环境设置教程
2019/09/25 Python
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
汉米尔顿手表官网:Hamilton
2020/09/13 全球购物
公司聘任书模板
2014/03/29 职场文书
求职自我推荐信
2015/03/24 职场文书
个人维稳承诺书
2015/05/04 职场文书
检讨书格式范文
2015/05/07 职场文书
母亲节感言
2015/08/03 职场文书