怎样判断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 相关文章推荐
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 Javascript
利用js 进行输入框自动匹配字符的小例子
Jun 29 Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 Javascript
IE8中动态创建script标签onload无效的解决方法
Dec 22 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
Dec 20 Javascript
Angular 2应用的8个主要构造块有哪些
Oct 17 Javascript
javascript 闭包详解及简单实例应用
Dec 31 Javascript
使用vue构建移动应用实战代码
Aug 02 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
JS运算符优先级与表达式示例详解
Sep 04 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 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
用Socket发送电子邮件(利用需要验证的SMTP服务器)
2006/10/09 PHP
php生成shtml类用法实例
2014/12/09 PHP
PHP中static关键字以及与self关键字的区别
2015/07/01 PHP
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
js字母大小写转换实现方法总结
2013/11/13 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
JavaScript中Date.toSource()方法的使用教程
2015/06/12 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
Angular2学习笔记之数据绑定的示例代码
2018/01/03 Javascript
vue路由守卫+登录态管理实例分析
2019/05/21 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
新手入门js闭包学习过程解析
2019/10/08 Javascript
python发布模块的步骤分享
2014/02/21 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
python 列表降维的实例讲解
2018/06/28 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
APM Monaco中国官网:来自摩纳哥珠宝品牌
2017/12/27 全球购物
英国女士和男士时尚服装网上购物:Top Labels Online
2018/03/25 全球购物
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
美国家居装饰和豪华家具购物网站:One Kings Lane
2018/12/24 全球购物
销售总监岗位职责
2014/01/04 职场文书
大学生暑期实践感言
2014/02/26 职场文书
优秀护士演讲稿
2014/04/30 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
防卫过当辩护词
2015/05/21 职场文书
家装电话营销开场白
2015/05/29 职场文书
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python
自从在 IDEA 中用了热部署神器 JRebel 之后,开发效率提升了 10(真棒)
2021/06/26 Java/Android