分享一個JQuery的學習實例

JS 中的window.onload() 方法與Jquery 中的$(document).read(function( ){  }) 的區別:

1. #載入時機不一樣, window.onload()要等所有檔案都載入完畢( js , css 檔案, 以及圖片資源) , 而Jquery 的方法只需要等DOM 樹形成即可;

2. # $(document).read(function( ){  }) 可簡寫為$(function( ) {  }) ;

3. $(document).read(function( ){  })可以綁定多個函數, 而window.onload() 只有這一個事件.

# 

Jquery 中兩個合成事件: hover和toggle 事件, toggle事件可以放置任意多個函數, 通過click 循環調用函數, 當toggle作為一個函數被調用時, 它表示的意思是元素節點的顯示與隱藏.

還有一個slideToggle () , 它是將slideUp() 和solideDown() 進行了整合, 

Jquery中的三種動畫:

1. show() / hide ()

2. fadeIn() / fadeOut()

3. #slideUP() / slideDown()

# 

動畫的包裝方法: animate() ,

以上是分享一個JQuery的學習實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！