jquery中change()用法實例分析_jquery
- WBOY原創
- 2016-05-16 16:15:311087瀏覽
本文實例分析了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程式設計有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn