本文實(shí)例分析了jquery中change()的用法。分享給大家供大家參考。具體分析如下：
change()當(dāng)元素的值發(fā)生改變時(shí)，會(huì)發(fā)生 change 事件。該事件僅適用于文本域（text field），以及 textarea 和 select 元素。
當(dāng)用于 select 元素時(shí)，change 事件會(huì)在選擇某個(gè)選項(xiàng)時(shí)發(fā)生。當(dāng)用于 text field 或 text area 時(shí)，該事件會(huì)在元素失去焦點(diǎn)時(shí)發(fā)生。
一、change的用法
1、觸發(fā) change 事件：觸發(fā)被選元素的 change 事件
語法: $(selector).change()
2、將函數(shù)綁定到 change 事件：規(guī)定當(dāng)被選元素的 change 事件發(fā)生時(shí)運(yùn)行的函數(shù)。
語法: $(selector).change(function)
二、jquery中change()實(shí)例
<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>在某個(gè)域被使用或改變時(shí)，它會(huì)改變顏色。</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>希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
