《鋒利的jQuery》之四

標籤：執行   error   連續   瀏覽器   ogg   this   調用   區別   sed   

1、原生JS中window.onload 和jQuery中$(document).ready()的區別：

　　window.onload 方法是在網頁中所有元素（包括元素的所有關聯檔案）完全載入到瀏覽器後才執行，即JS此時才可以訪問網頁中的任何元素。

　　$(document).ready() 方法註冊的事件處理常式，在DOM完全就緒時就可以被調用。此時，網頁中的所有元素對jQuery而言都是可以訪問的，但是，這並不意味著這些元素關聯的檔案都已經下載完畢。

　　注意：在$(document).ready()方法內註冊事件，例如與圖片有關的HTML下載完畢，並且已經解析為DOM樹了，但很有可能圖片還未下載完畢，所以圖片的高度和寬度這些屬性都不一定有效，解決這個問題，可以使用jQuery中的load()。 $(window).load(function(){　　}).

2、事件綁定：

　　要為元素繫結事件完成某些操作，用

bind(type [, data] , fn)

第一個參數是事件類型，類型包括：blur, focus, load, resize, scroll, unload, click, dbclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup 和 error。

第二個參數為選擇性參數。

第三個參數是用來綁定的處理函數。

3、滑鼠移至上方事件：

hover(enter , leave)

當游標移到元素上時，會觸發第一個函數（enter），當游標移出這個元素時，會觸發第二個函數（leave）。

4、滑鼠連續單擊事件：

toggle(fn1 , fn2 , ... , fnN)

作用一：第一次單擊元素，觸發指定的第一個函數（fn1），當再次單擊同一元素時，觸發指定的第二個函數（fn2），如果有更多的函數，則依次觸發，直到最後一個。隨後的每次單擊都重複對著幾個函數的輪番調用。

$(function(){            $("#panel h5.head").toggle(function () {                $(this).next("div.content").hide();            },function(){                $(this).next("div.content").show();            })        });

作用二：切換元素的可見狀態。如果元素是可見的，單擊元素後是隱藏的；如果元素是隱藏的，單擊元素後是可見的。

 

　　

 

《鋒利的jQuery》之四