JQuery 學習筆記--02

標籤：click   整合   lock   name   query   block   --   參數   回呼函數   

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 中的 AJAX 使用的是 load 方法 , $Dm.load("demo.html .className", function(responseText, textState, xmlHtttpRequest){  })

第一個參數是請求的檔案, 可以進行篩選, 第二個參數是回呼函數 ; 回呼函數的第一個參數是響應的內容, 第二個參數是響應是否成功, 第三個是非同步請求對象 .

JQuery 學習筆記--02