怎样判断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注入技巧
Jun 22 Javascript
css图片自适应大小
Nov 28 Javascript
JS 控制小数位数的实现代码
Aug 02 Javascript
各情景下元素宽高的获取实现代码
Sep 13 Javascript
使用apply方法处理数组的三个技巧[译]
Sep 20 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
网页中JS函数自动执行常用三种方法
Mar 30 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
js实现扫雷小程序的示例代码
Sep 27 Javascript
vue弹窗消息组件的使用方法
Sep 24 Javascript
使用apifm-wxapi快速开发小程序过程详解
Aug 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
德生PL990,目前市面上唯一一款便携式插卡蓝牙全波段高性能收音机
2021/03/02 无线电
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
ThinkPHP5.0框架实现切换数据库的方法分析
2019/10/30 PHP
javascript获取当前ip的代码
2009/05/10 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
防止登录页面出现在frame中js代码
2014/07/22 Javascript
一个js过滤空格的小函数
2014/10/10 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
深入nodejs中流(stream)的理解
2017/03/27 NodeJs
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
vue-hook-form使用详解
2017/04/07 Javascript
代码详解JS操作剪贴板
2018/02/11 Javascript
微信小程序时间轴实现方法示例
2019/01/14 Javascript
vue+element实现表格新增、编辑、删除功能
2019/05/28 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
Python实现发送email的几种常用方法
2014/08/18 Python
Python正则表达式分组概念与用法详解
2017/06/24 Python
python文档字符串(函数使用说明)使用详解
2019/07/30 Python
python列表生成器迭代器实例解析
2019/12/19 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
HTML5 Web 存储详解
2016/09/16 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
英国婚礼商城:Wedding Mall
2019/11/02 全球购物
俄罗斯在线服装店:STOLNIK
2021/03/07 全球购物
工商企业管理应届生求职信
2014/05/04 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
公司安全管理制度范本
2015/08/05 职场文书
教你做个可爱的css滑动导航条
2021/06/15 HTML / CSS
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers
解决Vmware虚拟机安装centos8报错“Section %Packages Does Not End With %End. Pane Is Dead”
2022/06/01 Servers