首頁 > web前端 > 前端問答 > jquery中show()方法不起作用怎麼辦

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2022-06-07 11:08:56
原創
3138 人瀏覽過

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

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

本教學操作環境: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中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
引入jQuery 文件
來自於 1970-01-01 08:00:00
0
0
0
jquery筆記哪裡有下?
來自於 1970-01-01 08:00:00
0
0
0
javascript - vue+webpack怎麼引入jquery
來自於 1970-01-01 08:00:00
0
0
0
php+jquery的問題
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板