怎样判断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 firefox兼容ie的dom方法脚本
May 18 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
jQuery 获取多选框的值及多选框中文的函数
May 16 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
react实现一个优雅的图片占位模块组件详解
Oct 30 Javascript
浅谈webpack打包之后的文件过大的解决方法
Mar 07 Javascript
React router动态加载组件之适配器模式的应用详解
Sep 12 Javascript
Angular6 Filter实现页面搜索的示例代码
Dec 02 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 Javascript
Jquery Datatables的使用详解
Jan 30 jQuery
自己封装的一个简单的倒计时功能实例
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
joomla内置的表单验证功能使用方法
2010/06/11 PHP
php验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
PHP资源管理框架Assetic简介
2014/06/12 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
2010/12/11 Javascript
extjs之去除s.gif的影响
2010/12/25 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
2014/04/08 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
JavaScript中的原型prototype属性使用详解
2015/06/05 Javascript
详解JavaScript函数对象
2015/11/15 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
Angularjs实现mvvm式的选项卡示例代码
2016/09/08 Javascript
创建简单的node服务器实例(分享)
2017/06/23 Javascript
NodeJs项目中关闭ESLint的方法
2018/08/09 NodeJs
JS动态显示倒计时效果
2019/12/12 Javascript
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
Python netmiko模块的使用
2020/02/14 Python
python 读取串口数据的示例
2020/11/09 Python
美丽的现代设计家具:2Modern
2018/07/26 全球购物
十一个高级MySql面试题
2014/10/06 面试题
会计核算科岗位职责
2014/03/19 职场文书
教师节活动总结
2014/08/29 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
工程承包协议书范本
2014/09/29 职场文书
交警失职检讨书
2015/01/26 职场文书
暑期社会实践个人总结
2015/03/06 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
详解CSS中postion和opacity及cursor的特性
2022/08/14 HTML / CSS