51dev.com IT技术开发者社区

51dev.com 技术开发者社区

Jquery show方法不起作用解决方案

IT猿阅读(50)2019-11-25 收藏0次评论

原因:show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素)。

1.visibility:hidden 方法

<div class="curr-page" style="visibility:hidden" id="currPage"></div>//visibility:hidden表示默认隐藏

var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "visible"; //显示

var currentBtn = document.getElementById("currPage");
        currentBtn.style.visibility = "hidden"; //隐藏

2.display:none 方法

<div class="curr-page" style="display:none" id="currPage"></div>  //display:none表示默认隐藏

 $("#currPage").show();//Jquery方法 显示 

 $("#currPage").hide(); //Jquery方法 隐藏

以上就是Jquery show方法不起作用解决方案的全部内容。