學(xué)習(xí)了 jQuery 的選擇器，就可以針對選擇的 HMTL 標(biāo)記或是元素添加事件處理，事件包括按鍵，鼠標(biāo)，單擊按鈕等。

下面為常見的 DOM 事件：

jQuery事件處理的語法

在 jQuery 中，大部分的 DOM 事件都有對應(yīng)的 jQuery 事件，比如為所有

標(biāo)記添加單擊事件處理：

$("p").click();

下一步添加單擊事件的處理函數(shù)，你必須傳一個回調(diào)函數(shù)給單擊事件：

$("p").click(function(){
  // action goes here!!
});

常見的jQuery事件

$(document).ready()

文檔準(zhǔn)備好事件，在文檔完全載入后執(zhí)行。

click()

用戶單擊某個 HTML 元素后調(diào)用，比如下面的例子中用戶點(diǎn)擊

標(biāo)記部分后隱藏該標(biāo)記的內(nèi)容：

$("p").click(function(){
  $(this).hide();
});

dblclick()

雙擊某個 HTML 標(biāo)記時調(diào)用，比如下面代碼在雙擊

元素時隱藏其內(nèi)容：

$("p").dblclick(function(){
  $(this).hide();
});

mouseenter()

在鼠標(biāo)進(jìn)入某個 HTML 元素時觸發(fā)，例如：

$("#p1").mouseenter(function(){
  alert("You entered p1!");
});

mouseleave()

在鼠標(biāo)進(jìn)入離開某個 HTML 元素時觸發(fā)，例如：

$("#p1").mouseleave(function(){
  alert("Bye! You now leave p1!");
});

mousedown()

在按下鼠標(biāo)左鍵時觸發(fā)，例如：

$("#p1").mousedown(function(){
  alert("Mouse down over p1!");
});

mouseup()

在某個元素上釋放鼠標(biāo)左鍵時觸發(fā)，例如：

$("#p1").mouseup(function(){
  alert("Mouse up over p1!");
});

hover()

在鼠標(biāo)指針放在某個元素之上時觸發(fā)，為 mouseenter 和 mouseleave 的組合，它的第一個回調(diào)函數(shù)中鼠標(biāo)進(jìn)入時調(diào)用，第二個回調(diào)函數(shù)在鼠標(biāo)離開時執(zhí)行，例如：

$("#p1").hover(function(){
  alert("You entered p1!");
  },
  function(){
  alert("Bye! You now leave p1!");
});

focus()

當(dāng)某個表單輸入域獲得焦點(diǎn)時調(diào)用,例如：

$("input").focus(function(){
  $(this).css("background-color","#cccccc");
});

blur()

當(dāng)某個表單輸入域失去焦點(diǎn)時調(diào)用,例如：

$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});