淺談jQuery中的事件_jquery

JQuery事件初見

1.JQuery中的事件綁定

其實呢，JQuery中標準的事件綁定是這樣寫下：（如下）

複製程式碼 程式碼如下:

$("#btn").bind("click",function(){})；

但是每次這樣寫，太過麻煩，還怎麼做到Write less，Do more？
所以我們習慣的簡寫成。

$("#btn").click(function(){  })  這樣就方便好多

2.合成事件hover（enterfn，leavefn）

當滑鼠放在元素上的時候呼叫enterfn方法，
當滑鼠離開元素的時候呼叫leavefn方法。
相當於javascript中的mouseover與mouseout事件的結合。

事件冒泡

1.描述

事件冒泡：JQuery中也像JavaScript一樣，採用事件冒泡的機制。
、window.event.cancelBubble = true

2.取得

如果想要捕捉事件的相關訊息，就要為回應的匿名函數增加一個參數：e，e就是事件物件。
呼叫事件物件的stopPropagation()方法終止冒泡。
例如，e.stopPropagation();
終止冒泡以後，程式就不會再事件來源的父元素上執行。

3.事件冒泡圖示

阻止事件

阻止預設行為：有的元素有預設行為，例如超連結點擊後會轉向新連結、提交按鈕預設會提交表單，如果想要阻止預設行為只要呼叫事件物件的preventDefault()方法和window.event. returnValue=false效果一樣。

複製程式碼 程式碼如下:

$(“a”).click(function(e) {
          alert(「所有超連結暫時全部禁止點選」);
         e.preventDefault();
       });

以上所述就是本文關於jQuery事件的全部描述了，希望對大家學習jQuery能夠有所幫助。