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

时间:2021-10-11 20:38:49

原因: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方法 隐藏