怎样判断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的开源工具PACKER2.0.2
Nov 04 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
浅谈javascript构造函数与实例化对象
Jun 22 Javascript
jQuery手动点击实现图片轮播特效
Apr 20 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
Jun 01 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
Angular CLI 安装和使用教程
Sep 13 Javascript
JS实现带导航城市列表以及输入搜索功能
Jan 04 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
Aug 20 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面向对象全攻略 (五) 封装性
2009/09/30 PHP
codeigniter教程之多文件上传使用示例
2014/02/11 PHP
php数组编码转换示例详解
2014/03/11 PHP
php导入模块文件分享
2015/03/17 PHP
优化WordPress中文章与评论的时间显示
2016/01/12 PHP
PHP+Redis 消息队列 实现高并发下注册人数统计的实例
2018/01/29 PHP
javascript 极速 隐藏/显示万行表格列只需 60毫秒
2009/03/28 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
2010/06/23 Javascript
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
jQuery.prop() 使用详解
2015/07/19 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
详解用node-images 打造简易图片服务器
2017/05/08 Javascript
微信小程序之圆形进度条实现思路
2018/02/22 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
Vue中多元素过渡特效的解决方案
2020/02/05 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
Python标准异常和异常处理详解
2015/02/02 Python
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
简单介绍django提供的加密算法
2019/12/18 Python
给Python学习者的文件读写指南(含基础与进阶)
2020/01/29 Python
Python 字典中的所有方法及用法
2020/06/10 Python
Python如何将模块打包并发布
2020/08/30 Python
Python+OpenCV图像处理—— 色彩空间转换
2020/10/22 Python
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
中科软测试工程师面试题
2012/06/16 面试题
班级心理活动总结
2014/07/04 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
财务稽核岗位职责
2015/04/13 职场文书
2015年管理人员工作总结
2015/05/13 职场文书
Python实现8种常用抽样方法
2021/06/27 Python
《异世界四重奏》剧场版6月10日上映 PV视觉图原创角色发表
2022/03/20 日漫