怎样判断jQuery当前元素是隐藏还是显示


Posted in Javascript onNovember 23, 2016

$(this).is(":hidden");

//如果元素是隐藏的话,则返回true

is挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用,实现各种各样的判断。如: ":checked,:hidden"等等。给个例子:

<head>
 <script src="jquery-1.7.1.js" type="text/javascript"></script>
 <script type="text/javascript">
 $(function () {
  $(":button").click(function () {
  if ($(this).is(":button")) {
   alert("我是一个按钮!");
  }
  if ($("#check1").is(":checked")) {
   alert("我是被选中的");
  }
  if ($(".p1").is(":visible")) {
   alert("p1是可见的");
  }
  })
 })
 </script>
</head>
<body>
 <div id="div1">
 <p class="p1">我是一个p</p>
 <input id="check1" type="checkbox" value="" />复选框
 <input type="button" value="确认" />
 </div>
</body>

以上就是本文的全部内容,希望对大家有所帮助,谢谢对三水点靠木的支持!

Javascript 相关文章推荐
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
关于JS控制代码暂停的实现方法分享
Oct 11 Javascript
JQuery中extend使用介绍
Mar 13 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
js密码强度检测
Jan 07 Javascript
javascript验证内容为数字以及长度为10的简单实例
Aug 20 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
微信小程序 按钮滑动的实现方法
Sep 27 Javascript
解决修复npm安装全局模块权限的问题
May 17 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
Sep 23 Javascript
小程序富文本提取图片可放大缩小
May 26 Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 #Javascript
jQuery实现根据生日计算年龄 星座 生肖
Nov 23 #Javascript
JS DOMReady事件的六种实现方法总结
Nov 23 #Javascript
domReady的实现案例
Nov 23 #Javascript
BootStrap按钮标签及基本样式
Nov 23 #Javascript
JavaScript仿百度图片浏览效果
Nov 23 #Javascript
Asp.Net之JS生成分页条的方法
Nov 23 #Javascript
You might like
PHP 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
PHP操作XML作为数据库的类
2010/12/19 PHP
PHP 查找字符串常用函数介绍
2012/06/07 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
PDO预处理语句PDOStatement对象使用总结
2014/11/20 PHP
10个php函数实用却不常见
2015/10/13 PHP
php获取服务器操作系统相关信息的方法
2016/10/08 PHP
Prototype Hash对象 学习
2009/07/19 Javascript
javascript获取xml节点的最大值(实现代码)
2013/12/11 Javascript
学习使用bootstrap基本控件(table、form、button)
2016/04/12 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
浅谈React Native 中组件的生命周期
2017/09/08 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
python使用itchat模块给心爱的人每天发天气预报
2019/11/25 Python
Python configparser模块操作代码实例
2020/06/08 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
Python实现Appium端口检测与释放的实现
2020/12/31 Python
python 数据类型强制转换的总结
2021/01/25 Python
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
五年级语文教学反思
2014/01/30 职场文书
理工大学毕业生自荐信范文
2014/02/22 职场文书
青年志愿者活动总结
2014/04/26 职场文书
新闻工作者先进事迹
2014/05/26 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
假期安全教育广播稿
2014/10/04 职场文书
2014财务部年度工作总结
2014/12/08 职场文书
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL
从原生JavaScript到React深入理解
2022/07/23 Javascript