怎样判断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 相关文章推荐
javascript网页关键字高亮代码
Jul 30 Javascript
js 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
jQuery插件开发的两种方法及$.fn.extend的详解
Jan 16 Javascript
node.js中的console.log方法使用说明
Dec 09 Javascript
Javascript中arguments和arguments.callee的区别浅析
Apr 24 Javascript
ionic组件ion-tabs选项卡切换效果实例
Aug 27 Javascript
jQuery实现获取元素索引值index的方法
Sep 18 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
vue项目使用微信公众号支付总结及遇到的坑
Oct 23 Javascript
react antd表格中渲染一张或多张图片的实例
Oct 28 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 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提示Call-time pass-by-reference has been deprecated in的解决方法[已测]
2012/05/06 PHP
PHP微信支付开发实例
2016/06/22 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
php封装单文件上传到数据库(路径)
2017/10/15 PHP
PHP扩展类型及安装方式解析
2020/04/27 PHP
农历与西历对照
2006/09/06 Javascript
使用正则替换变量
2007/05/05 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
JS实现日期加减的方法
2013/11/29 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
js实现div在页面拖动效果
2016/05/04 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
对Js OOP编程 创建对象的一些全面理解
2016/07/26 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
2016/08/19 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
简单实现js选项卡切换效果
2017/02/09 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
vue中使用input[type=&quot;file&quot;]实现文件上传功能
2018/09/10 Javascript
记一次vue去除#问题处理经过小结
2019/01/24 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
[01:35]2014DOTA2西雅图邀请赛 专访狐狸妈青春献给刀塔
2014/07/08 DOTA
python实现维吉尼亚算法
2019/03/20 Python
Python集中化管理平台Ansible介绍与YAML简介
2019/06/12 Python
关于win10在tensorflow的安装及在pycharm中运行步骤详解
2020/03/16 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
python3 re返回形式总结
2020/11/20 Python
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
关于iframe跨域使用postMessage的实现
2019/10/29 HTML / CSS
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
个人简历自我评价
2014/02/02 职场文书
阅兵口号
2014/06/19 职场文书
雷人标语集锦
2014/06/19 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
2014年实习生工作总结
2014/11/27 职场文书
学生自我评语
2015/01/04 职场文书