jQuery.bind()函數用于給選中的元素綁定一個或多個事件處理函數。
使用方法如下:
$(selector).bind(event, handler)
其中,selector
為選擇器,表示要綁定事件的元素;event
為事件類型,可以是一個或多個以空格分隔的事件類型,例如click
、mouseover
等;handler
為事件處理函數,可以是一個已定義的函數,也可以是一個匿名函數。
示例:
$("button").bind("click", function() {
console.log("按鈕被點擊了");
});
$(selector).bind(event, [data], handler)
其中,data
為可選參數,表示傳遞給事件處理函數的額外數據。
示例:
$("button").bind("click", { name: "John" }, function(event) {
console.log("按鈕被點擊了,傳遞的數據:" + event.data.name);
});
$(selector).bind(eventsObj)
其中,eventsObj
為一個對象,包含多個事件類型和處理函數的鍵值對。
示例:
$("button").bind({
click: function() {
console.log("按鈕被點擊了");
},
mouseover: function() {
console.log("鼠標懸停在按鈕上");
}
});
注意:bind()函數是在jQuery 3.0版本中被廢棄的,推薦使用on()函數代替。