jQuery change()方法介绍

jQuery change()方法被用于绑定事件处理函数，当指定的元素的值发生变化时就会触发该函数。该方法仅适用于表单元素（<input>,<select>和<textarea>）。

基本语法

$(selector).change(function(){
  //执行代码
});

参数

callback

必需。规定要执行的函数。

示例

<form>
  <input type="text" id="myInput">
</form>

<script>
$(document).ready(function(){
  $("#myInput").change(function(){
    alert("输入框的值已经改变！");
  });
});
</script>

使用实例

$(function(){
  $('#mySelect').change(function(){
    var value = $(this).val();
    switch(value){
      case '1':
        alert('您选择了第一个选项');
        break;
      case '2':
        alert('您选择了第二个选项');
        break;
      case '3':
        alert('您选择了第三个选项');
        break;
    }
  });
});

实现原理

当元素的value属性值改变时，jQuery就会触发其change()事件，从而调用绑定在该元素上的回调函数来处理相应的逻辑。

可绑定元素列表

• <input type="text">
• <input type="checkbox">
• <input type="radio">
• <select>
• <textarea>

注意事项

change()事件在用户离开元素的时候才会触发。如果你想要立即得到一个改变后的值，那么建议在keydown或keyup事件中获取，并且避免使用change()事件。

参考文献

jQuery change()方法