怎样判断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 相关文章推荐
JQuery与iframe交互实现代码
Dec 24 Javascript
javascript 基础篇2 数据类型,语句,函数
Mar 14 Javascript
js制作的鼠标悬浮时产生的下拉框效果
Oct 27 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
jQuery打印图片pdf、txt示例代码
Jul 22 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
Dec 20 Javascript
javascript、php关键字搜索函数的使用方法
May 29 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
vueScroll实现移动端下拉刷新、上拉加载
Mar 22 Javascript
js实现单元格拖拽效果
Feb 10 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
一首老MP3,致敬WAR3经典
2021/03/08 魔兽争霸
IE6不能修改NAME问题的解决方法
2010/09/03 Javascript
javascript与webservice的通信实现代码
2010/12/25 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
2011/12/12 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
JavaScript中的值类型转换介绍
2014/12/31 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
2015/08/27 Javascript
jQuery+PHP星级评分实现方法
2015/10/02 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
JavaScript设计模式之调停者模式实例详解
2018/02/03 Javascript
前端天气插件tpwidget使用方法详解
2019/06/24 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
Python利用IPython提高开发效率
2016/08/10 Python
Python数据结构之单链表详解
2017/09/12 Python
int在python中的含义以及用法
2019/06/27 Python
python实现在线翻译
2020/06/18 Python
Python‘==‘ 及 ‘is‘相关原理解析
2020/09/05 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
python3字符串输出常见面试题总结
2020/12/01 Python
使用 css3 实现圆形进度条的示例
2017/07/05 HTML / CSS
外语专业毕业生个人的自荐信
2013/11/19 职场文书
敬老模范事迹
2014/05/21 职场文书
私人委托书格式
2014/09/10 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
英文升职感谢信
2015/01/23 职场文书
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书
Python基础之元编程知识总结
2021/05/23 Python
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
MySQL分区以及建索引的方法总结
2022/04/13 MySQL