快捷導(dǎo)航

jquery中change()用法實(shí)例分析

更新時(shí)間：2015年02月06日 09:23:18 作者：whazhl

這篇文章主要介紹了jquery中change()用法,實(shí)例分析了change的功能、定義及具體的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(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ì)有所幫助。

您可能感興趣的文章: