本文實例分析了jquery中change()的用法。分享給大家供大家參考。具體分析如下：
change()當元素的值發生改變時，會發生 change 事件。該事件僅適用于文本域（text field），以及 textarea 和 select 元素。
當用于 select 元素時，change 事件會在選擇某個選項時發生。當用于 text field 或 text area 時，該事件會在元素失去焦點時發生。
一、change的用法
1、觸發 change 事件：觸發被選元素的 change 事件
語法: $(selector).change()
2、將函數綁定到 change 事件：規定當被選元素的 change 事件發生時運行的函數。
語法: $(selector).change(function)
二、jquery中change()實例
<html><head><script type="text/javascript" src="jquery文件"></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>Enter your name: <input class="field" type="text" /></p></body></html><html><head><script type="text/javascript" src="jquery文件"></script><script type="text/javascript">$(document).ready(function(){ $(".field").change(function(){ $(this).css("background-color","#FFFFCC"); });});</script></head><body><p>在某個域被使用或改變時，它會改變顏色。</p>Enter your name: <input class="field" type="text" /><p>Car:<select class="field" name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat">Fiat</option><option value="audi">Audi</option></select></p></body></html>希望本文所述對大家的jQuery程序設計有所幫助。
新聞熱點
疑難解答
