在jquery中,可以使用change()方法來觸發改變事件,語法「$(selector).change()」;該方法也可規定當發生改變事件時執行的函數,語法「$ (selector).change(function)」。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
當元素的值改變時,會發生 change 事件。此事件僅適用於文字網域(text field),以及 textarea 和 select 元素。
而想要手動觸發 change 事件,就需要使用change() 方法了,且該方法還可規定當發生 change 事件時執行的函數。
觸發change 事件的語法
$(selector).change()
將函數綁定到change 事件的語法
$(selector).change(function)
function 可選。規定當 change 事件發生時執行的函數。
範例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"> </script> <script type="text/javascript"> $(document).ready(function() { $(".field").change(function() { $(this).css("background-color", "#FFFFCC"); }); $("button").click(function() { $("input").change(); }); }); </script> </head> <body> <button>激活文本域的 change 事件</button> <p>用户名: <input class="field" type="text" /></p> </body> </html>
#相關影片教學推薦:jQuery教學(影片)
以上是jquery怎麼觸發改變事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!