jQuery change() 方法

  • 定义和用法

    change 事件发生在元素的值已更改时(仅适用于<input>,<textarea>和<select>元素)。
    change() 方法触发 change 事件,或附加函数以在发生更改事件时运行。
    注意:对于选择菜单,选择选项时会发生更改事件。 对于文本字段或文本区域,更改事件在内容更改后字段失去焦点时发生。
  • 语法

    触发所选元素的change事件
    $(selector).change()
    将函数附加到change事件
    $(selector).change(function)
  • 参数

    参数 描述
    function 可选的。指定在所选元素发生change事件时要运行的函数
  • 示例

    下例演示了change事件的使用:
    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>欢迎来到蝴蝶教程</title>
       //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
       <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
       <script>
           $(document).ready(function () {
                $("input").change(function(){
                   alert("文字已经改变!");
                });
            });
       </script>
    </head>
    <body>
         //点击文本框输出字段,光标离开文本框后执行事件
         <input type="type">
    </body>
    </html>
    
    尝试一下