溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
.hide()隱藏元素、.show()顯示元素和.toggle()切換顯示或隱藏匹配元素
1 讓頁面上的元素不可見，一般可以通過設置css的display為none屬性，但是通過css直接修改是靜態的布局，如果在代碼執行的時候，一般是通過js控制元素的style屬性
2 .hide()隱藏元素
3 .hide( options )當提供hide方法一個參數時，.hide()就會成為一個動畫方法，.hide()方法將會匹配元素的寬度，高度，以及不透明度，同時進行動畫操作
4 .hide("fast / slow")動畫設置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執行200/600毫秒的動畫后再隱藏
5 jQuery在做hide操作的時候，會保存本身的元素的原始屬性值，再通過對應的方法還原的時候還是初始值，如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline，一旦透明度 達到0，display樣式屬性將被設置為none，這個元素將不再在頁面中影響布局
6 .show()顯示元素
7 hide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示
8 show與hide方法是修改的display屬性，通過visibility屬性布局需要通過css方法單獨設置
9 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式
10 如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，高度，透明度
11 .toggle()切換顯示或隱藏匹配元素，這是最基本的操作，處理元素顯示或者隱藏，因為不帶參數，所以沒有動畫，通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫，
12 如果元素是最初顯示，它會被隱藏，如果隱藏的，它會顯示出來
13 .toggle( [duration ] [, complete ] )提供參數，提供了時間、還有動畫結束的回調，在參數對應的時間內，元素會發生顯示/隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進行一系列動畫效果
14 .toggle(display)直接定位,直接提供一個參數，指定要改變的元素的最終效果,確定是使用show還是hide方法
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
