jQuery中的點擊事件(click)在網頁開發中被廣泛使用。它可以在用戶點擊頁面上的元素時自動觸發,讓開發人員可以在此時執行一些特定操作,比如submit表單、打開模態框、添加/刪除元素等等。
語法:
$(selector).click(function(){
//執行代碼
});
其中,selector表示要綁定點擊事件的元素,可以是任何jquery選擇器。而匿名函數則是當點擊事件被觸發時執行的代碼塊。
示例:
$("button").click(function(){
$("p").toggle();
});
如上代碼,當頁面中有button元素被點擊時,頁面中所有的p標簽會切換隱藏或顯示狀態。
另外,我們也可以使用jquery的on()方法來綁定點擊事件,其語法與click()相似:
語法:
$(selector).on("click", function(){
//執行代碼
});
on()方法的優點在于可以適用于新加入網頁的元素,而click()則無法對新元素進行事件綁定。例如:
示例:
$("body").on("click", "button", function(){
$(this).toggleClass("active");
});
如上代碼,當頁面中的button元素被點擊時,按鈕的樣式會切換為active。不同于click()方法,這里通過on()方法將事件綁定在了body元素上,從而也可以適用于新加入網頁的button元素。