天天看點

jQuery的頁面載入事件

加載事件有兩種,普通的加載事件onload和Jquery事件。

一、jQuery的頁面載入事件是ready()方法.這個方法類似于傳統JavaScript中的OnLoad()方法,隻是在事件執行時間上有差別,OnLoad()方法的執行必須是頁面中的全部元素完全加載到浏覽器後才觸發,在這種情況下,如果頁面中的圖檔過多或圖檔過大,那麼有可能要等OnLoad()廣告執行完畢,使用者才進能行其他的操作,如果使用jQuery中的ready()方法加載頁面,則隻要頁面的DOM模型加載完畢,就會觸發ready()方法,是以,兩者在事件的執行效果上ready()方法明顯優于JavaScript中的OnLoad()方法.

普通加載事件(onload)是在頁面加載已經完畢之後才執行的事件;Jquery的加載事件隻要在記憶體在已經有了dom樹結構,那麼該事件就會被加載。是以Jquery的ready 在onload 前加載。

二、如果使用多個window.onload(),則隻有最後一個綁定的函數能被執行,它将覆寫前面所有window.onload()綁定的函數。

      如果使用多個$(),則它們都能被執行。

      需要注意的是如果<body onload> body标簽的onload事件已經注冊了某個函數  則$()事件注冊的函數将不會被執行

總結:

一般樣式控制的,比如圖檔大小控制放在onload 裡面加載; 而jS事件觸發的方法,可以在ready 裡面加載; 

綁定事件描述:

就是将某函數與某元素的某事件綁定在一起  $("#id").click(function(){})就是将一個匿名函數與id元素的click事件綁在一起

但上面的例子其實隻是縮寫形式,因為其是簡單常用的事件綁定,正規寫法應如下:

$("#id").bind("click",[data],function(){})

bind(type,[data],fn)  傳回值:Object  參數-type:事件類型String data:可選,作為event.data屬性值傳遞給後面fn的實參Object  fn:綁定到事件上的函數Function