jquery中change()用法实例分析
本文实例分析了jquery中change()的用法。分享给大家供大家参考。具体分析如下：
change()当元素的值发生改变时，会发生change事件。该事件仅适用于文本域（textfield），以及textarea和select元素。
当用于select元素时，change事件会在选择某个选项时发生。当用于textfield或textarea时，该事件会在元素失去焦点时发生。
一、change的用法
1、触发change事件：触发被选元素的change事件
语法:$(selector).change()
2、将函数绑定到change事件：规定当被选元素的change事件发生时运行的函数。
语法:$(selector).change(function)
二、jquery中change()实例
<html>
<head>
<scripttype="text/javascript"src="jquery文件"></script>
<scripttype="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>Enteryourname:<inputclass="field"type="text"/></p>
</body>
</html>
<html>
<head>
<scripttype="text/javascript"src="jquery文件"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
});
</script>
</head>
<body>
<p>在某个域被使用或改变时，它会改变颜色。</p>
Enteryourname:<inputclass="field"type="text"/>
<p>Car:
<selectclass="field"name="cars">
<optionvalue="volvo">Volvo</option>
<optionvalue="saab">Saab</option>
<optionvalue="fiat">Fiat</option>
<optionvalue="audi">Audi</option>
</select>
</p>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。