jQuery实现判断控件是否显示的方法
程序员文章站
2023-11-26 12:16:16
本文实例讲述了jquery实现判断控件是否显示的方法。分享给大家供大家参考，具体如下：
核心代码:
if($("#elem_id").is(":hidden")...
本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《jquery页面元素操作技巧汇总》、《jquery扩展技巧总结》、《jquery常用插件及用法总结》、《jquery拖拽特效与技巧总结》、《jquery表格(table)操作技巧汇总》、《jquery中ajax用法总结》、《jquery常见经典特效汇总》、《jquery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jquery程序设计有所帮助。
上一篇： 解密ThinkPHP3.1.2版本之模块和操作映射
下一篇： Python文件和目录操作详解