目錄：
[TOC]

jquery bind方法介紹

• 方法宣告：bind(type,[data],fn)
• 方法說明：為每一個匹配元素的特定事件(eg:click)繫結一個事件處理器函式。這個事件處理函式會通過引數方式接收到一個事件物件，可以通過它來阻止(瀏覽器)預設的行為。如果既想取消預設的行為，又想阻止事件起泡，這個事件處理函式必須返回false。
• 技巧：多數情況下，可以把事件處理器函式定義為匿名函式。

引數意義

• type (String) : 事件型別。
• data (Object) : (可選) 作為event.data屬性值，然後event會被傳遞給事件處理函式，data可以從event中獲取到。
• fn (Function) : 繫結到每個匹配元素的事件上的處理函式。

示例

當每個段落被點選的時候，彈出其文字：

$("p").bind("click", function(){
    alert( $(this).text() );
});

你可以傳遞一些附加的資料給事件處理函式：

function handler(event) {
    alert(event.data.foo);
}
$("p").bind("click",{foo: "bar"},handler);

你可以通過返回false來取消預設的行為並阻止事件起泡：

$("form"
 
).bind("submit", function() { return false; })

你可以通過使用preventDefault()方法只取消預設的行為：

$("form").bind("submit", function(event){
    event.preventDefault();
});

你可以通過使用stopPropagation()方法只阻止一個事件起泡：

$("form").bind("submit", function(event){
    event.stopPropagation();
});

進入主題

• jquery的bind方法呼叫如果呼叫多次是什麼效果呢？
• 答案是，同一個dom元素的同一個事件會被繫結多次。則直接會導致各種錯誤。有的人由於頁面巢狀很多，結構比較複雜，經常出現一段js程式碼被執行多次的情況，如何導致一些莫名其妙的錯誤。這種錯誤一般來說是很難被發現的，因為很少有人會考慮自己的某句程式碼被執行了多少次，而且是由於頁面巢狀導致多次執行的問題。
• 解決方案，每次呼叫bind方法的時候都先呼叫unbind方法即可。
• unbind方法是用於解除dom的某個事件上繫結的函式的。