[Jquery]讓div能自由的show、hide | jquery hide show
要簡單地顯示或隱藏elements是使用show()以及hide()這兩個方法$("#myimg").hide();$("#myimg").show();這裡還有提到一點就是如果頁面上某個element要預設成隱藏書裡推薦的是在頁面load完後再使用hide()將他隱藏會比直接在style裡加display:none;好5.1.1Implementingacollapsiblelist這個小節利用一個巢狀列表以顯示或是隱藏裡面的資訊來練習show()及hide()5.1.2Togglingthedisplaystateofelements還有一個可以切換顯示或是隱藏elements的方法toggle()$("#myimg").toggle();當elements是隱藏的時候使用toggle()會將他顯示相反也是一樣5...
要簡單地顯示或隱藏elements 是使用show()以及hide()這兩個方法
$("#myimg").hide(); $("#myimg").show();這裡還有提到一點就是如果頁面上某個element要預設成隱藏書裡推薦的是在頁面load完後再使用hide()將他隱藏會比直接在style裡加display:none;好
5.1.1 Implementing a collapsible list
這個小節利用一個巢狀列表 以顯示或是隱藏裡面的資訊來練習show()及hide()
5.1.2 Toggling the display state of elements
還有一個可以切換顯示或是隱藏elements的方法 toggle()
$("#myimg").toggle();當elements是隱藏的時候 使用toggle()會將他顯示 相反也是一樣
5.2 Animating the display state of elements
這節是要介紹比較不突兀的顯示或隱藏elements的方法利用一些effect來讓這個動作比較平滑
5.2.1 Showing and hiding elements gradually
hide(speed,callback)
$("#myimg").show(fast); $("#myimg").hide(2000);第一個參數speed可以填入數字(以毫秒為單位)或是字串(slow、normal、fast)如果省略的話 則是會像上節講的一樣直接隱藏第二個參數callback是擺一個function 當這個動作完成時會執行
show(speed,callback)
toggle(speed,callback)
同樣的 show()跟toggle()的用法也是一樣第一個參數speed可以填入數字(以毫秒為單位)或是字串(slow、normal、fast)第二個參數callback是擺一個function 當這個動作完成時會執行
5.2.2 Fading e...