jQuery頁(yè)面加載事件與元素綁定事件

jQuery頁(yè)面加載事件

jQuery 的文檔加載事件指的是$(document).ready()，其與$()是等價(jià)的。該事件與 JavaScript 中的 window.onload()功能基本類(lèi)似。但也有很大的區(qū)別。

$(document).ready()：頁(yè)面中所有 DOM 繪制完畢后開(kāi)始執(zhí)行，而這些 DOM 所關(guān)聯(lián)的內(nèi) 容無(wú)需加載完畢，例如 DOM 所關(guān)聯(lián)的圖片、文檔等。

window.onload()：頁(yè)面中所有元素加載完畢后開(kāi)始執(zhí)行，其中包括圖片。

頁(yè)面元素綁定事件 bind

為頁(yè)面元素綁定事件，即對(duì)于指定頁(yè)面元素，當(dāng)某個(gè)事件發(fā)生后，執(zhí)行指定動(dòng)作。綁定事件可以使用 bind()方法。其語(yǔ)法格式為：bind(type, [data], fn)

● type：事件類(lèi)型，字符串類(lèi)型，若要綁定多個(gè)事件，事件間使用空格分隔。jQuery 提供可以綁定的事件有：blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, change, select, submit, keydown, keypress, keyup 等。

●  data：作為 event.data 屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象。

●  fn：事件發(fā)生后所執(zhí)行的動(dòng)作，即處理函數(shù)。

1、鼠標(biāo)的移進(jìn)移出事件 mouseover、mouseout

舉例：020-jQuery-鼠標(biāo)移進(jìn)移出事件.html

Step1：定義頁(yè)面<body/>

Step2：定義樣式<style/>

Step3：定義<script/>

$(this)表示當(dāng)前表象，本例指當(dāng)前的 div 對(duì)象。

Step3：定義<script/> 

4、參數(shù)的傳遞

舉例：022-jQuery-事件傳遞參數(shù).html

Step1：定義頁(yè)面<body/>

Step2：定義<script/>