jQuery实现判断控件是否显示的方法


Posted in Javascript onJanuary 11, 2017

本文实例讲述了jQuery实现判断控件是否显示的方法。分享给大家供大家参考,具体如下:

核心代码:

if($("#elem_id").is(":hidden"))
{
}

实例代码1:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery-1.4.2.js">
<!--
//-->
</script>
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#btnToogle").click(function(){
$("#dvTest").toggle();
alert( $("#dvTest").is(":visible")); //判断元素显示或隐藏状态
});
$("#btnTestIs").click(function(e){
// alert( $(e.target).is("input") ); //判断元素的标名称
alert( $("#btnToogle").parent().is("body") );
});
});
//-->
</script>
</head>
<body>
<input type="button" value="toogle div" id="btnToogle">
<div style="width:50px; height:100px; border:solid 1px red; background-color:blue;" id="dvTest">
</div>
<br />
<hr />
<input type="button" value="toogle div" id="btnTestIs">
</body>
</html>

jQuery判断div是否隐藏实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>绑定函数</title>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
var temp= $("#test").is(":hidden");//是否隐藏
var temp1= $("#test").is(":visible");//是否可见
alert(temp) ;
alert(temp1) ;
}); </script>
</head>
<body>
<p onclick='test()'>刷新测试</p>
<div id="test" style="display:none"></div>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
js 函数的副作用分析
Aug 23 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
Feb 04 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 Javascript
JavaScript二维数组实现的省市联动菜单
May 08 Javascript
初识Node.js
Mar 20 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
AngularJS包括详解及示例代码
Aug 17 Javascript
JavaScript数据结构学习之数组、栈与队列
May 02 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
Sep 27 Javascript
浅谈Vue的响应式原理
May 30 Javascript
javascript 内存模型实例详解
Apr 18 Javascript
JavaScript TAB栏切换效果的示例
Nov 05 Javascript
jQuery Form表单取值的方法
Jan 11 #Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
Jan 11 #Javascript
浅谈JavaScript中promise的使用
Jan 11 #Javascript
JS多文件上传的实例代码
Jan 11 #Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 #Javascript
Javascript中return的使用与闭包详解
Jan 11 #Javascript
jQuery对table表格进行增删改查
Dec 22 #Javascript
You might like
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
关于Iframe如何跨域访问Cookie和Session的解决方法
2013/04/15 PHP
分享下页面关键字抓取www.icbase.com站点代码(带asp.net参数的)
2014/01/30 PHP
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
移除AngularJS下URL中的#字符的方法
2015/06/19 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
理解Javascript文件动态加载
2016/01/29 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
基于slideout.js实现移动端侧边栏滑动特效
2016/11/28 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
[09:13]DOTA2-DPC中国联赛 正赛 Ehome vs Magma 选手采访 1月19日
2021/03/11 DOTA
python练习程序批量修改文件名
2014/01/16 Python
Python读写配置文件的方法
2015/06/03 Python
Python中的os.path路径模块中的操作方法总结
2016/07/07 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
使用Python处理BAM的方法
2018/09/28 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
餐饮管理自我介绍信
2014/01/15 职场文书
工作自我评价怎么写
2014/01/29 职场文书
研究生毕业鉴定
2014/01/29 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
学生期末评语大全
2014/04/30 职场文书
感恩教育月活动总结
2014/07/07 职场文书
个人作风建设心得体会
2014/10/22 职场文书
2014年校长工作总结
2014/12/11 职场文书
小学科学教学计划
2015/01/21 职场文书
2015年保险公司内勤工作总结
2015/05/23 职场文书
经典爱情感言
2015/08/03 职场文书
2016年幼儿园教研活动总结
2016/04/05 职场文书
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL