底下是一個使用 javascript 來處理事件的一般寫法：

 Hello 3

另外，你也可能使用以下方法，註冊 click 事件：

    document.getElementById("div3").onclick = DivClick;

上面 onclick 方法有個大問題，它會將 click 事件佔為已用，也就是不管原先上面是否已經掛載了其他的事件函數。 如果要避免這個問題，在 IE 中，必須利用 attachEvent() ，在 Firefox 則必須使用 attchEventListener() ，就可以在一個元素事件上重覆掛載多個事件函數。 看到不同瀏覽器要用不同寫法先別煩惱，jQuery 當然已經替我們解決了跨瀏覽器問題，在 jQuery 中，我們要掛上事件函數，可以透過統一的寫法:

.bind()：Attach a handler to an event for the elements.

    $(...).bind( type[, data], function(){ ... } );

• type ：用來指名要掛載的事件名稱字串，如 blur, focus, click, ...
• data ：用來傳遞額外的參數，這在多個事件共用函數時特別有用
• function ：繫結的處理方法

上面這個例子，我們使用 .bind()方法將 的 click 事件，繫結到 ClickHandler 這個腳本程式。 不過，一向以簡潔見長的 jQuery，在事件宣告上有更簡便的寫法，上面例子可以直接改成以下寫法：

    function ClickHandler() {
        alert("。。。");
    }

    $(document).ready(function () {
        $("#div2").click(ClickHandler);
    });

更進一步，若使用匿名函式，可以更精簡些。

    $(document).ready(function () {
        $("#div3").click( function(){
            alert("。。。");
        });
    });

上述的程式碼，我們用到 jQuery 定義好的 click 函式來處理 DOM 中的 click event，jQuery 也同樣對 DOM 中的其他 event 都有相關的函式， 底下是 jQuery 提供的函式，用來處理 DOM 模型中的相對應的事件。

Keyboard Events

• .keydown()：
• .keypress()：
• .keyup()：

Mouse Events

• .click()：
• .dblclick()：
• .mousedown()：
• .mouseup()：
• .mouseover()：when the mouse into an element.
• .mouseout()：when the mouse out an element.
• .mouseenter()：when the mouse enters an element.
• .mouseleave()：when the mouse leaves an element.
• .mousemove()：Bind an event handler to the "mousemove" JavaScript event。
• .hover()：when the mouse pointer enters and leaves the elements.
• .toggle()：Display or hide the matched elements..

Form Events

• .blur()：when an element loses focuses.
• .change()：
• .focus()：當物件被點擊或取得焦點時
• .focusin()：this event will be triggered for child elements when a parent element receives focus.
• .focusout()：this event triggers when focus is lost by an element or its parent.
• .select()：當文字被選取時
• .submit()：當按下送出按紐時
• .val()：Get the current value of the first element in the set of matched elements or set the value of every matched element.

Browser Events

• .error()：當圖片或文件下載產生錯誤時
• .resize()：Bind to this event to trap when the browser changes sizes.
• .scroll()：when a user scrolls a specified element

Document Loading Events

• .unload()：
• .load()：
• .ready()：Specify a function to execute when the DOM is fully loaded.