jquery怎么實(shí)現(xiàn)點(diǎn)擊一個(gè)按鈕控制一個(gè)div的顯示和隱藏？示例HTML<div class=“ABC”style=“顯示：無“></div><input type=”button

jquery怎么實(shí)現(xiàn)點(diǎn)擊一個(gè)按鈕控制一個(gè)div的顯示和隱藏？

示例HTML

<div class=“ABC”style=“顯示：無“></div><input type=”button”class=”but“/>

最簡單的方法如下：

<script>$（文檔）。就緒（函數(shù)（E）{T$（）。但是我不知道。單擊（函數(shù)（E）{T/T$（）。ABC“”。Toggle（） }）</script>

Toggle（）用于在顯示時(shí)隱藏對象，在隱藏時(shí)顯示對象。

---

如果您需要實(shí)現(xiàn)除顯示和隱藏之外的其他功能，您可以按以下步驟執(zhí)行：]<script>$（文檔）。就緒（函數(shù)（E）{T$（）。但是我不知道。單擊（函數(shù)（E）{T/TIF（$（）”。ABC“”。Hasclass（“show”）{T/T//隱藏函數(shù)（E）{T/T$（）。ABC“”。隱藏（）。Removeclass（“show”）T/T//其他函數(shù){T/T}else//顯示（”。ABC“”。顯示（）。Addclass（“show”）（T/T}T}）</script>

在這里，您可以定義一個(gè)類：show來確定div是顯示還是隱藏

hasclass（）有一個(gè)類

hide（）隱藏對象

show（）show object

removeclass（）刪除一個(gè)類

Addclass（）添加一個(gè)類

另外，您還可以通過jQuery設(shè)置div的CSS：顯示：無/塊隱藏/顯示

您可以將按鈕設(shè)置為在頁面加載時(shí)隱藏。有以下兩種方式：$（文檔）。就緒（function（）{$（ELE）。隱藏（）}）windows.onload=函數(shù)（）{$（ELE）。用jQuery或文檔.getElementById（身份證）。樣式.顯示=“無”是隱藏的文檔.getElementById（“d”i）。樣式.顯示=“Block”是jQuery中的顯示，$（“#id”）。Show（）是顯示$（“id”）。Hide（）就是隱藏。開始時(shí)，它寫為$（“update”）。Show（）$（“#save”）。Hide（）等等。單擊“修改”按鈕后，$（“”save”）。Show（）單擊“保存”按鈕并提交到操作