jQuery中幾個自定義的事件

（1）hover(fn1,fn2)：一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。當鼠標移動到一個匹配的元素上面時，會觸發指定的第一個函數。當鼠標移出這個元素時，會觸發指定的第二個函數。

//當鼠標放在表格的某行上時將class置爲over，離開時置爲out。  

$("tr").hover(

     function(){  

$(this).addClass("over");  

    },  

  function(){  

     $(this).addClass("out");  

    }

);  

（2）ready(fn):當DOM載入就緒能夠查詢及操縱時綁定一個要執行的函數。

1. $(document).ready(function(){alert("LoadSuccess")})  

1. //頁面加載完畢提示「LoadSuccess」,至關於onload事件。與$(fn)等價  

 

（3）toggle(evenFn,oddFn):每次點擊時切換要調用的函數。若是點擊了一個匹配的元素，則觸發指定的第一個函數，當再次點擊同一元素時，則觸發指定的第二個函數。隨後的每次點擊都重複對這兩個函數的輪番調用。    

//每次點擊時輪換添加和刪除名爲selected的class。  

$("p").toggle(

function(){  

             $(this).addClass("selected");     

      },

function(){  

             $(this).removeClass("selected");  

      }

);  

 

（4）trigger(eventtype):在每個匹配的元素上觸發某類事件。

     例如：

 

1. $("p").trigger("click");             //觸發全部p元素的click事件  

 

（5）bind(eventtype,fn)，unbind(eventtype):事件的綁定與反綁定。從每個匹配的元素中（添加）刪除綁定的事件。

     例如：

$("p").bind("click",function(){alert($(this).text());});      //爲每一個p元素添加單擊事件  

$("p").unbind();       //刪除全部p元素上的全部事件  

$("p").unbind("click")       //刪除全部p元素上的單擊事件