jquery中show()方法不起作用怎麼辦

在jquery中，show()方法不起作用是因為該方法只適用於透過jQuery方法和css中使用「display:none」隱藏的元素，不適用透過「visibility:hidden」隱藏的元素，只需利用「元素.style.visibility="visible"」使元素顯示即可。

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery中show()方法不起作用怎麼辦

#原因:show() 適用於透過jQuery 方法和CSS 中display:none 隱藏的元素（不適用於透過visibility:hidden隱藏的元素）。

visibility:hidden 方法

visibility 屬性規定元素是否可見。

即使不可見的元素也會佔據頁面上的空間。請使用 "display" 屬性來建立不佔據頁面空間的不可見元素。

說明

這個屬性指定是否顯示一個元素產生的元素方塊。這意味著元素仍佔據其本來的空間，不過可以完全不可見。值 collapse 在表中用於從表佈局中刪除列或行。

範例如下：

<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"; //隐藏

若是display:none元素則可以直接使用show方法

如果被選元素已被隱藏，則顯示這些元素：

語法

$(selector).show(speed,callback)

範例如下：

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

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

影片教學推薦：jQuery影片教學

以上是jquery中show()方法不起作用怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！