怎样判断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 ui 1.7更新小结
Aug 15 Javascript
JS高级拖动技术 setCapture,releaseCapture
Jul 31 Javascript
js常用代码段收集
Oct 28 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
js闭包学习心得总结
Apr 17 Javascript
Angular6中使用Swiper的方法示例
Jul 09 Javascript
小程序文字跑马灯效果
Dec 28 Javascript
详解vue的双向绑定原理及实现
May 05 Javascript
layui监听工具栏的实例(操作列表按钮)
Sep 10 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
Vue实现购物车实例代码两则
May 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
WHOIS类的修改版
2006/10/09 PHP
PHP判断图片格式的七种方法小结
2013/06/03 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
Thinkphp中Create方法深入探究
2014/06/16 PHP
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
js获取某元素的class里面的css属性值代码
2014/01/16 Javascript
js的for in循环和java里foreach循环的区别分析
2015/01/28 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
详解React 在服务端渲染的实现
2017/11/16 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
elementUI select组件默认选中效果实现的方法
2019/03/25 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
2019/11/27 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
用Python编写一个简单的FUSE文件系统的教程
2015/04/02 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
用Python进行行为驱动开发的入门教程
2015/04/23 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
2020/04/10 HTML / CSS
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
戴尔英国官网:Dell英国
2017/05/27 全球购物
windeln官方海外旗舰店:德淘超人气母婴超市
2017/12/15 全球购物
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
2014年新教师工作总结
2014/11/08 职场文书
高三数学教学反思
2016/02/18 职场文书
2016年质量月活动总结报告
2016/04/05 职场文书
Mysql如何实现不存在则插入,存在则更新
2022/03/25 MySQL
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers
CentOS安装Nginx并部署vue
2022/04/12 Servers
python中pycryto实现数据加密
2022/04/29 Python
React自定义hook的方法
2022/06/25 Javascript