這篇“jquery中show()方法不起作用怎么解決”文章的知識點大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“jquery中show()方法不起作用怎么解決”文章吧。
我們提供的服務(wù)有:成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、宜黃ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的宜黃網(wǎng)站制作公司
在jquery中,show()方法不起作用是因為該方法只適用于通過jQuery方法和css中使用“display:none”隱藏的元素,不適用通過“visibility:hidden”隱藏的元素,只需利用“元素.style.visibility="visible"”使元素顯示即可。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
原因:show() 適用于通過 jQuery 方法和 CSS 中 display:none 隱藏的元素(不適用于通過 visibility:hidden 隱藏的元素)。
visibility:hidden 方法
visibility 屬性規(guī)定元素是否可見。
即使不可見的元素也會占據(jù)頁面上的空間。請使用 "display" 屬性來創(chuàng)建不占據(jù)頁面空間的不可見元素。
說明
這個屬性指定是否顯示一個元素生成的元素框。這意味著元素仍占據(jù)其本來的空間,不過可以完全不可見。值 collapse 在表中用于從表布局中刪除列或行。
示例如下:
//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)
示例如下:
//display:none表示默認隱藏
$("#currPage").show();//Jquery方法 顯示 $("#currPage").hide(); //Jquery方法 隱藏
以上就是關(guān)于“jquery中show()方法不起作用怎么解決”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。