jQuery 的 bind()
方法用于將事件處理程序綁定到指定的元素上。以下是如何使用 bind()
方法的基本步驟:
<head>
標簽內添加以下代碼來引入 jQuery:<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<button id="myButton">點擊我</button>
alert
函數,當用戶點擊按鈕時會顯示一條消息:function handleClick() {
alert('按鈕被點擊了!');
}
bind()
方法將事件處理程序函數綁定到 HTML 元素上。在這個例子中,我們將 handleClick
函數綁定到 ID 為 myButton
的按鈕的 click
事件上:$(document).ready(function() {
$('#myButton').bind('click', handleClick);
});
現在,當用戶點擊 ID 為 myButton
的按鈕時,將顯示一個包含消息 “按鈕被點擊了!” 的警告框。
請注意,從 jQuery 1.7 開始,建議使用 on()
方法替代 bind()
方法。以下是使用 on()
方法的示例:
$(document).ready(function() {
$('#myButton').on('click', handleClick);
});