JQuery是一種流行的JavaScript庫,可以方便地操作HTML文檔,而click事件則是最常用的JQuery事件之一。當用戶單擊頁面上的一個元素時,可以使用JQuery的click()函數綁定一個函數。
$('button').click(function() { alert('按鈕被單擊了!'); });
在此示例中,當頁面上的 button 元素被單擊時,會彈出一個警告框,顯示一個消息。 注意,括號內的函數是匿名的,也可以使用命名函數:
$('button').click(myFunction); function myFunction() { alert('按鈕被單擊了!'); }
如果要綁定多個函數,可以使用.on()
函數:
$('button').on('click', function() { alert('第一個函數!'); }); $('button').on('click', function() { alert('第二個函數!'); });
在這種情況下,每次單擊按鈕時,將觸發兩個函數。
注意:.click()
事件只能應用于已經存在于DOM中的元素。如果您要在文檔創建時綁定事件,請使用.on()
方法。