JQuery中的change事件非常有用,它可以使頁面元素的屬性和內容在用戶發生交互時動態改變。
使用change事件時,需要先選擇要監聽變化的元素,例如文本框或下拉框:
$(document).ready(function(){ $("input").change(function(){ //執行操作 }); });
在這個例子中,我們選擇的是所有的input元素。
在change事件中,可以隨時獲取當前元素的值或狀態:
$(document).ready(function(){ $("input").change(function(){ var val = $(this).val(); var checked = $(this).prop("checked"); //執行操作 }); });
這個例子中,我們分別獲取了當前元素的值和復選框的狀態。
如果想要在事件發生時立即執行操作,可以使用trigger方法:
$(document).ready(function(){ $("input").change(function(){ //執行操作 }).trigger("change"); });
這個例子中,我們觸發了change事件,并立即執行了操作。
總之,JQuery的change事件非常靈活和實用,能夠讓網頁更加互動和動態。