JQuery判断div(控件)是否为隐藏

最新推荐文章于 2022-12-07 09:45:54 发布

aowei1767

最新推荐文章于 2022-12-07 09:45:54 发布

阅读量168

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/HaoKeKe/p/4475359.html

版权

1 以下是JavaScript 中判断div是否为隐藏代码引用片段：
2 
3 if (div.style.display == "none") {
4     div.style.display = "block";
5 }
6 else {
7     div.style.display = "none";
8 }

 1 以下是JQuery 中判断div是否为隐藏代码引用片段：
 2 
 3 <html xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6 <title>jquery判断div是否为隐藏</title>
 7 <script src="jquery-1.3.2.js"></script>
 8 <script>
 9 $(document).ready(function(){
10     var temp= $("#test").is(":hidden"); //是否隐藏
11     var temp1= $("#test").is(":visible"); //是否可见
12     alert(temp);
13     alert(temp1);
14     
15     //$(".sFeature").click(function() {
16     //    var FeatureId = $(this).attr("id");
17     //    if($("#bp" + FeatureId).is(":hidden")) {
18     //        $("#bp" + FeatureId).show();
19     //    }
20     //    else {
21     //        $("#bp" + FeatureId).hide();
22     //    }
23     //});
24 });
25 </script>
26 </head>
27 <body>
28 <p οnclick='test()'>隐藏测试</p>
29 <div id="test" style="display:none"></div>
30 </body>
31 </html>