怎样判断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 相关文章推荐
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
javascript 获取浏览器版本
Jan 21 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
js同源策略详解
May 21 Javascript
充分发挥Node.js程序性能的一些方法介绍
Jun 23 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
jQuery EasyUI ProgressBar进度条组件
Feb 28 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 Javascript
JavaScript常用工具函数库汇总
Sep 17 Javascript
js实现抽奖功能
Nov 24 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
2020年4月新番动漫目录 官方宣布4月播出的作品一览
2020/03/08 日漫
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
通过php修改xml文档内容的方法
2015/01/23 PHP
redis查看连接数及php模拟并发创建redis连接的方法
2016/12/15 PHP
jquery图片上下tab切换效果
2011/03/18 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
Listloading.js移动端上拉下拉刷新组件
2016/08/04 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
layui select动态添加option的实例
2018/03/07 Javascript
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
Python运算符重载用法实例
2015/05/28 Python
利用python操作SQLite数据库及文件操作详解
2017/09/22 Python
python 将print输出的内容保存到txt文件中
2018/07/17 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
python中的tcp示例详解
2018/12/09 Python
python的一些加密方法及python 加密模块
2019/07/11 Python
Python爬虫图片懒加载技术 selenium和PhantomJS解析
2019/09/18 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
opencv实现图像平移效果
2021/03/24 Python
初中三年学生的学习自我评价
2013/11/13 职场文书
英语系本科生求职信范文
2013/12/18 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
推广普通话标语
2014/06/27 职场文书
工作时间擅自离岗检讨书
2014/10/24 职场文书
小学教师2014年度工作总结
2014/12/03 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
消防安全培训工作总结
2015/10/23 职场文书
如何Python使用re模块实现okenizer
2022/04/30 Python
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS