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程序设计有所帮助。