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

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

示例HTML

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

最簡(jiǎn)單的方法如下：

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

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

---

如果您需要實(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來(lái)確定div是顯示還是隱藏

hasclass（）有一個(gè)類

hide（）隱藏對(duì)象

show（）show object

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

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

另外，您還可以通過(guò)jQuery設(shè)置div的CSS：顯示：無(wú)/塊1創(chuàng)建新的HTML文件。2導(dǎo)言jquery.min.js文件文件。三。創(chuàng)建HTML內(nèi)容。4用jQuery創(chuàng)建click事件，單擊Hide按鈕，P content Hide 5。使用jQuery創(chuàng)建click事件，單擊Show按鈕，P content Show。6預(yù)覽如圖所示。單擊“隱藏”按鈕時(shí)，P內(nèi)容將被隱藏。7單擊“顯示”按鈕時(shí)，將顯示P內(nèi)容。

怎樣判斷jQuery元素是否顯示與隱藏？

可以通過(guò)獲取元素節(jié)點(diǎn)的兩個(gè)屬性來(lái)判斷jQuery元素是顯示還是隱藏：varnode=$（“”“””“””“”””“””“””“”””“”””“””“”””“”””“”””“”””“””””“””””“””””“”””“””””“””””””“””””節(jié)點(diǎn).is（“：hidden”）{//node hidden顯示節(jié)點(diǎn)元素，否則它是隱藏的節(jié)點(diǎn).顯示（）}否則{節(jié)點(diǎn).隱藏第二種方法是寫if（！節(jié)點(diǎn).is（“：visible”）{//node hidden顯示節(jié)點(diǎn)元素，否則隱藏節(jié)點(diǎn).顯示（）}否則{節(jié)點(diǎn).隱藏（）}如果（節(jié)點(diǎn).is（“：visible”）{//node顯示，node元素隱藏，否則顯示節(jié)點(diǎn).隱藏（）}否則{節(jié)點(diǎn).顯示（）}

jQuery元素是否顯示與隱藏的判斷？

使用jQuery，可以在各種姿勢(shì)中隱藏和顯示元素。最常用的方法是hide（）和show（）：]$（element）。Hide（）//隱藏$（元素）。Show（）//Display

該值可以寫在方括號(hào)中，以便隱藏或顯示時(shí)生成過(guò)渡動(dòng)畫，動(dòng)畫持續(xù)時(shí)間為填充值（單位：ms）。

有slidedown（）和slideup（），下拉顯示和折疊隱藏，類似的方法有toggle（）。

您還可以使用CSS控件方法隱藏和顯示元素：:$（element）。CSS（“display”，“none”）//隱藏$（element）。CSS（“display”，“block”）//顯示（block元素）