怎样判断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 相关文章推荐
用js来解决ajax读取页面乱码
Nov 28 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
Jan 23 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
javascript实现点击后变换按钮显示文字的方法
May 13 Javascript
微信小程序 页面跳转和数据传递实例详解
Jan 19 Javascript
基于Vue实现后台系统权限控制的示例代码
Aug 29 Javascript
利用node实现一个批量重命名文件的函数
Dec 21 Javascript
理解Koa2中的async&amp;await的用法
Feb 05 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
说说node中的可读流和可写流的区别
Jun 01 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
Oct 27 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与SQL注入攻击[三]
2007/04/17 PHP
在PHP中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
解析PHP汉字转换拼音的类
2013/06/18 PHP
PHP实现股票趋势图和柱形图
2015/02/07 PHP
PHP实现对xml的增删改查操作案例分析
2017/05/19 PHP
Laravel基础_关于view共享数据的示例讲解
2019/10/14 PHP
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
javascript中字符串的定义示例代码
2013/12/19 Javascript
js实现身份证号码验证的简单实例
2014/02/19 Javascript
jquery插件orbit.js实现图片折叠轮换特效
2015/04/14 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
Jquery轮播效果实现过程解析
2016/03/30 Javascript
js转html实体的方法
2016/09/27 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
2018/06/28 Javascript
angularJs select绑定的model取不到值的解决方法
2018/10/08 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
[05:31]干嘛呢兄弟!DOTA2 TI9语音轮盘部分出处
2019/05/14 DOTA
Python创建系统目录的方法
2015/03/11 Python
Python实现将n个点均匀地分布在球面上的方法
2015/03/12 Python
Python实现的选择排序算法示例
2017/11/29 Python
python3安装OCR识别库tesserocr过程图解
2020/04/02 Python
python 利用toapi库自动生成api
2020/10/19 Python
python中的插入排序的简单用法
2021/01/19 Python
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
马来西亚航空官方网站:Malaysia Airlines
2017/07/28 全球购物
小学运动会报道稿
2014/10/04 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
vue-cil之axios的二次封装与proxy反向代理使用说明
2022/04/07 Vue.js
SQLServer常见数学函数梳理总结
2022/08/05 MySQL