jQuery实现判断控件是否显示的方法
本文实例讲述了jQuery实现判断控件是否显示的方法。分享给大家供大家参考，具体如下：
核心代码:
if($("#elem_id").is(":hidden"))
{
}
实例代码1:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>NewDocument</title>
<metaname="Generator"content="EditPlus">
<metaname="Author"content="">
<metaname="Keywords"content="">
<metaname="Description"content="">
<scripttype="text/javascript"src="jquery-1.4.2.js">
<!--
//-->
</script>
<scripttype="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>
<inputtype="button"value="tooglediv"id="btnToogle">
<divstyle="width:50px;height:100px;border:solid1pxred;background-color:blue;"id="dvTest">
</div>
<br/>
<hr/>
<inputtype="button"value="tooglediv"id="btnTestIs">
</body>
</html>
jQuery判断div是否隐藏实例
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>绑定函数</title>
<scriptsrc="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
vartemp=$("#test").is(":hidden");//是否隐藏
vartemp1=$("#test").is(":visible");//是否可见
alert(temp);
alert(temp1);
});</script>
</head>
<body>
<ponclick='test()'>刷新测试</p>
<divid="test"style="display:none"></div>
</body>
</html>
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。