怎样判断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 判断 object 的特定类转载
Feb 01 Javascript
jQuery 表格工具集
Apr 25 Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
Sep 10 Javascript
基于jquery实现无限级树形菜单
Mar 22 Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
Angularjs上传文件组件flowjs功能
Aug 07 Javascript
分析JS中this引发的bug
Dec 12 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 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防注
2007/01/15 PHP
PHPMyAdmin 快速配置方法
2009/05/11 PHP
php for 循环语句使用方法详细说明
2010/05/09 PHP
php操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
关于恒等于(===)和非恒等于(!==)
2007/08/20 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
wap浏览自动跳转到wap页面的js代码
2014/05/17 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
2018/06/08 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
2019/02/11 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
Javascript原生ajax请求代码实例
2020/02/20 Javascript
Python基于PycURL实现POST的方法
2015/07/25 Python
numpy中索引和切片详解
2017/12/15 Python
python微信跳一跳系列之色块轮廓定位棋盘
2018/02/26 Python
python构建深度神经网络(续)
2018/03/10 Python
python3使用smtplib实现发送邮件功能
2018/05/22 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
python元组拆包实现方法
2021/02/28 Python
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
Allsole美国/加拿大:英国一家专门出售品牌鞋子的网站
2018/10/21 全球购物
师范教师毕业鉴定
2014/01/13 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
经销商年会策划方案
2014/05/29 职场文书
文明单位创建材料
2014/12/24 职场文书
2015年度服装销售工作总结
2015/03/31 职场文书
出纳试用期工作总结2015
2015/05/28 职场文书
小学信息技术教学反思
2016/02/16 职场文书
喜迎建国70周年:有关爱国的名言名句
2019/09/24 职场文书
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python
Python实现仓库管理系统
2022/05/30 Python