jQuery判断元素是否隐藏和显示代码实例:
在实际应用中可能需要判断一个元素是否隐藏或者显示,下面就通过代码实例介绍一下如何实现此功能。
代码如下:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">#thediv{ width:100px; height:100px; display:none;}</style><script type="text/javascript" src='/images/loading.gif' data-original="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript">$(document).ready(function(){ if($("#thediv").is(":visible")==false){ $("#show").text("处于隐藏状态"); } else{ $("#show").text("处于显示状态"); }})</script></head><body><div id="show"></div><div id="thediv">蚂蚁部落</div></body></html>
以上代码实现判断功能,代码比较简单具体可以参阅jQuery的:visible选择器一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13781
更多内容可以参阅:http://www.softwhy.com/jquery/
原标题:jQuery判断元素是否隐藏和显示代码实例
关键词:jquery