jquery中show()方法不起作用怎么解決

這篇“jquery中show()方法不起作用怎么解決”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“jquery中show()方法不起作用怎么解決”文章吧。

在jquery中，show()方法不起作用是因?yàn)樵摲椒ㄖ贿m用于通過jQuery方法和css中使用“display:none”隱藏的元素，不適用通過“visibility:hidden”隱藏的元素，只需利用“元素.style.visibility="visible"”使元素顯示即可。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

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

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

visibility:hidden 方法

visibility 屬性規(guī)定元素是否可見。

即使不可見的元素也會(huì)占據(jù)頁面上的空間。請(qǐng)使用 "display" 屬性來創(chuàng)建不占據(jù)頁面空間的不可見元素。

說明

這個(gè)屬性指定是否顯示一個(gè)元素生成的元素框。這意味著元素仍占據(jù)其本來的空間，不過可以完全不可見。值 collapse 在表中用于從表布局中刪除列或行。

示例如下：

<div class="curr-page" style="visibility:hidden" id="currPage"></div>//visibility:hidden表示默認(rèn)隱藏

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表示默認(rèn)隱藏

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

以上就是關(guān)于“jquery中show()方法不起作用怎么解決”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。