怎样判断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 相关文章推荐
动态控制Table的js代码
Mar 07 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
Aug 30 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
Validform表单验证总结篇
Oct 31 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
微信小程序canvas写字板效果及实例
Jun 15 Javascript
Vue中父组件向子组件通信的方法
Jul 11 Javascript
使用cookie绕过验证码登录的实现代码
Oct 12 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
vue.js做一个简单的编辑菜谱功能
May 08 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
a标签调用js的方法总结
Sep 05 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数据库连接mysql与mysqli对比分析
2016/01/04 PHP
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
PHP常见的几种攻击方式实例小结
2019/04/29 PHP
Yii框架连表查询操作示例
2019/09/06 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
2016/04/07 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
jquery插件锦集【推荐】
2016/12/16 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
node中的session的具体使用
2018/09/14 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
js实现页面多个日期时间倒计时效果
2019/06/20 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
2019/07/22 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
VUE 动态组件的应用案例分析
2019/12/02 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
原生js实现拖拽移动与缩放效果
2020/08/24 Javascript
用Python编写分析Python程序性能的工具的教程
2015/04/01 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Python接口测试环境搭建过程详解
2020/06/29 Python
Python解析微信dat文件的方法
2020/11/30 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
Linux操作面试题
2015/02/11 面试题
某同学的自我鉴定范文
2013/12/26 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
好媳妇事迹材料
2014/12/24 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
高中班主任寄语
2019/06/21 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书