首頁 > web前端 > 前端問答 > jquery中隱藏元素用什麼方法

jquery中隱藏元素用什麼方法

青灯夜游
發布: 2021-11-12 18:05:51
原創
5718 人瀏覽過

方法:1、使用「$(選擇器).css('display','none');」;2、使用「$(選擇器).attr("display","none" );」;3、使用「$(選擇器).hide();」;4、使用「$(選擇器).toggle();」。

jquery中隱藏元素用什麼方法

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery隱藏顯示元素的四種方法

方法一:

$(selector).css('display','none');
$(selector).css('display','block');
登入後複製

方法二:

$(selector).attr("display","none");
$(selector).attr("display","block");
登入後複製

方法三:

$(selector).hide();
$(selector).show();
登入後複製

hide() 方法:如果被選的元素已被顯示,則隱藏該元素。

show() 方法:如果被選元素已隱藏,則顯示這些元素

#方法四:

$(selector).toggle();
登入後複製

toggle() 方法在被選元素上進行 hide() 和 show() 之間的切換。

此方法檢查被選元素的可見狀態。如果一個元素是隱藏的,則執行 show(),如果一個元素是可見的,則執行 hide() - 這會造成一種切換的效果。

相關影片教學推薦:jQuery教學(影片)

以上是jquery中隱藏元素用什麼方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板