这篇文章我们来了解jQuery触发change事件的方法,手动触发改变事件我们需要使用到change()方法,接下来我们通过示例来了解change()方法的使用及触发改变事件的实现,感兴趣的朋友就继续往下看吧。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
当元素的值发生改变时,会发生 change 事件。该事件仅适用于文本域(text field),以及 textarea 和 select 元素。而想要手动触发 change 事件,就需要使用change() 方法了,且该方法还可规定当发生 change 事件时运行的函数。
触发 change 事件的语法
$(selector).change()
将函数绑定到 change 事件的语法
$(selector).change(function)
function 可选。规定当 change 事件发生时运行的函数。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"> </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>用户名: <input class="field" type="text" /></p> </body> </html>
以上就是关于jQuery触发change事件的介绍,上述示例具有一定的参考价值,有需要的朋友可以了解看看,希望对大家学习jQuery的使用有帮助,想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理