JQuery中的change事件是一個非常常用的事件,它可以在指定的元素值發生改變時觸發。常用于選擇框、文本框等表單元素。
$(selector).change(function(){ //觸發事件的操作 });
其中,selector可以是任何jQuery選擇器,比如說id、class、標簽等等。在change事件發生時,可以在function中編寫需要執行的代碼。
舉個例子,比如說我們有一個選擇框,當用戶選擇一個選項時,我們需要將當前選項的值輸出到控制臺上:
$(document).ready(function(){ $("#mySelect").change(function(){ console.log($(this).val()); }); });
代碼中,我們首先選中了id為mySelect的選擇框元素,然后在change事件中編寫了輸出當前選中選項值的代碼,利用console.log將值輸出到控制臺。
需要注意的是,如果是選擇框等需要手動選擇來改變值的表單元素,在改變值后會觸發change事件,但如果是input類型的文本框等,只要輸入內容改變就會觸發事件。
總而言之,JQuery中的change事件可以幫助我們在表單元素值發生改變時做出及時反應,極大地增加了用戶體驗。