jquery如何触发改变事件
这篇文章将为大家详细讲解有关jquery如何触发改变事件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
在jquery中,可以使用change()方法来触发改变事件,语法“$(selector).change()”;该方法还可规定当发生改变事件时运行的函数,语法“$(selector).change(function)”。
本教程操作环境: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 class="lazy" data-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如何触发改变事件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341