本文实例分析了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 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 type="text" /> <p>Car: <select 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程序设计有所帮助。
【jquery中change()用法实例分析】相关文章：
★ javascript委托(Delegate)blur和focus用法实例分析