Jquery事件

1.ready（）當DOM載入就緒可以查詢及操縱時綁定一個要執行的函數。

　　這是jQuery中很重要的一個屬性，應用範圍特別廣。

 

$(document).ready(function(){
  // 在這裏寫你的代碼...
});

 

　　　　意思是在頁面加載完成時，（不進行操作）默認要執行的操作。例如：當我們進入淘寶頁面時，有時候會默認彈出一個活動提示的框，這就是用ready事件完成的。

　　

　　還可以寫成：

 

$(function($) {
  // 你可以在這裏繼續使用$作爲別名...
});

 

 

2.bind()爲每個匹配元素的特定事件綁定事件處理函數。

$("p").bind("click", function(){
  alert( $(this).text() );
});                                     //當每個段落被點擊的時候，彈出其文本。

$('#foo').bind('mouseenter mouseleave', function() {
  $(this).toggleClass('entered');
});                                                   //同時綁定多個事件類型

 

3.trigger()在每一個匹配的元素上觸發某類事件。

$("form:first").trigger("submit")             //提交第一個表單，但不用submit()

 

4.triggerHandler這個特別的方法將會觸發指定的事件類型上所有綁定的處理函數。但不會執行瀏覽器默認動作。

　　如果你對一個focus事件執行了 .triggerHandler() ，瀏覽器默認動作將不會被觸發，只會觸發你綁定的動作。

　　HTML:

 

<button id="old">.trigger("focus")</button>
<button id="new">.triggerHandler("focus")</button><br/><br/>
<input type="text" value="To Be Focused"/>

 

　　　js:

$("#old").click(function(){
  $("input").trigger("focus");
});
$("#new").click(function(){
  $("input").triggerHandler("focus");
});
$("input").focus(function(){
  $("<span>Focused!</span>").appendTo("body").fadeOut(1000);
});

 

5.unbind()   bind()的反向操作，從每一個匹配的元素中刪除綁定的事件。

 

　　將段落的click事件取消綁定:

$("p").unbind( "click" );

 

6.delegate() 指定的元素（屬於被選元素的子元素）添加一個或多個事件處理程序，並規定當這些事件發生時運行的函數。

　　當點擊鼠標時，隱藏或顯示 p 元素：

 

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

 

 

7.hover()一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它爲頻繁使用的任務提供了一種“保持在其中”的狀態。

當鼠標移動到一個匹配的元素上面時，會觸發指定的第一個函數。當鼠標移出這個元素時，會觸發指定的第二個函數。而且，會伴隨着對鼠標是否仍然處在特定元素中的檢測,如果是，則會繼續保持“懸停”狀態，而不觸發移出事件。

　　鼠標懸停的表格加上特定的類：

 

$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);