change

英 [t?e?nd?]? ?美 [t?end?]??

vt.改變,變更;交換,替換;兌換;換衣服(床單)

vi.改變,轉(zhuǎn)變;交換,互換;換衣,更衣

n.變化,改變;交換,交替;零錢,找頭;代替物

jquery change() 函數(shù) 語法

作用:當(dāng)元素的值發(fā)生改變時(shí),會(huì)發(fā)生 change 事件。該事件僅適用于文本域(text field),以及 textarea 和 select 元素。change() 函數(shù)觸發(fā) change 事件,或規(guī)定當(dāng)發(fā)生 change 事件時(shí)運(yùn)行的函數(shù)。當(dāng)用于 select 元素時(shí),change 事件會(huì)在選擇某個(gè)選項(xiàng)時(shí)發(fā)生。當(dāng)用于 text field 或 text area 時(shí),該事件會(huì)在元素失去焦點(diǎn)時(shí)發(fā)生。

觸發(fā)change事件:觸發(fā)被選元素的 change 事件。

語法:$(selector).change()

將函數(shù)綁定到change事件上:規(guī)定當(dāng)被選元素的 change 事件發(fā)生時(shí)運(yùn)行的函數(shù)。

語法:$(selector).change(function)

參數(shù):

參數(shù)描述
function? ??可選。規(guī)定當(dāng) change 事件發(fā)生時(shí)運(yùn)行的函數(shù)。

jquery change() 函數(shù) 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></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>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例