JQuery中的事件彙總

        JQ中的事件與JS中的事件很類似，大體上可分爲鼠標事件，鍵盤事件，以及一些網絡事件。

      其中的事件機制是指：jQuery對JavaScript操作DOM事件的封裝，包括了：事件綁定、事件解綁、事件觸發。

  事件綁定可分爲：

  1、簡單事件綁定可分爲以下類型：

   click(handler)                       單擊事件

  blur(handler)                        失去焦點事件

  mouseenter(handler)            鼠標進入事件

  mouseleave(handler)             鼠標離開事件

  dbclick(handler)                  雙擊事件

  change(handler) 改變事件，如：文本框值改變，下來列表值改變等

  focus(handler)                      獲得焦點事件

  keydown(handler)                鍵盤按下事件

  2、bind方式（不推薦，1.7以後的jQuery版本被on取代）

                $("  p").bind("click mouseenter", function(e){

                  //事件響應方法

                 }

 需        第一個參數：事件類型、第二個參數：事件處理程序

             這種方式的優點是：可以同時綁定多個事件，比如：bind(“mouseenter  mouseleave”, function(){})

            缺點是：要綁定事件的元素必須存在文檔中。

    3、delegate()方式（特點：性能高，支持動態創建的元素）

    作用：給匹配到的元素綁定事件，對支持動態創建的元素有效

                    $(".parentBox").delegate("p", "click", function(){

                     //爲 .parentBox下面的所有的p標籤綁定事件

                   });

                第一個參數：selector，要綁定事件的元素

                  第二個參數：事件類型

                  第三個參數：事件處理函數

     與前兩種方式最大的優勢：減少事件綁定次數提高效率，支持動態創建出來的元素綁定事件！

     3、on方式

作用：給匹配的元素綁定事件，包括了上面所有綁定事件方式的優點

$(selector).on( "click",“span”, function() {});

表示給$(selector)綁定事件，當必須是它的內部元素span才能執行這個事件

$(selector).on(“click mouseenter”, function(){});

表示給$(selector)匹配的元素綁定單擊和鼠標進入事件

事件解綁

unbind() 方式

作用：解綁 bind方式綁定的事件

undelegate() 方式

作用：解綁delegate方式綁定的事件

     off()方式

    作用：解綁on方式綁定的事件

     $(selector).off();//解綁匹配元素的所有事件

              $(selector).off(“click”);//解綁匹配元素的所有click事件

              $(selector).off( “click”, “**” );//解綁所有代理的click事件，元素本身的事件不會被解綁