怎样判断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 相关文章推荐
JqGrid web打印实现代码
May 31 Javascript
JQuery触发事件例如click
Sep 11 Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
详解JavaScript函数
Dec 01 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
分享JavaScript监听全部Ajax请求事件的方法
Aug 28 Javascript
javascript数组遍历的方法实例分析
Sep 13 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
vue Render中slots的使用的实例代码
Jul 19 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
说说Vuex的getters属性的具体用法
Apr 15 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程序员的技术成长规划
2016/03/25 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
Laravel 实现Controller向blade前台模板赋值的四种方式小结
2019/10/22 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
js 页面执行时间计算代码
2009/03/04 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
js删除所有的cookie的代码
2010/11/25 Javascript
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
javascript验证上传文件的类型限制必须为某些格式
2013/11/14 Javascript
JavaScript中几种排序算法的简单实现
2015/07/29 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
vue实现登陆登出的实现示例
2017/09/15 Javascript
详解vue移动端日期选择组件
2018/02/22 Javascript
使用Node搭建reactSSR服务端渲染架构
2018/08/30 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
2019/01/24 Javascript
vue-router路由模式详解(小结)
2019/08/26 Javascript
基于layui的table插件进行复选框联动功能的实现方法
2019/09/19 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
jQuery实现轮播图源码
2019/10/23 jQuery
Vue如何实现监听组件原生事件
2020/07/03 Javascript
Python的词法分析与语法分析
2013/05/18 Python
详解Python核心对象类型字符串
2018/02/11 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
python 的topk算法实例
2020/04/02 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
利用python对excel中一列的时间数据更改格式操作
2020/07/14 Python
Sport-Thieme荷兰:购买体育用品
2019/08/25 全球购物
DJI全球:DJI Global
2021/03/15 全球购物
外语专业毕业生个人的自荐信
2013/11/19 职场文书
人事部岗位职责范本
2014/03/05 职场文书
行政办公室岗位职责
2014/03/18 职场文书
学校教学管理制度
2015/08/06 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js