JQuery是一个优秀的JavaScript框架,它提供了很多非常方便的方法来操作HTML元素。其中一个十分有用的方法就是change()方法。这个方法允许你在用户改变一个表单元素的值时执行一些操作。例如,你可以用change()方法来检查用户是否输入了正确的数据,并在表单中显示一条错误消息,或者根据用户的输入修改表单中其他的元素。
$(document).ready(function(){ $("input").change(function(){ // 当用户改变输入框元素的值时 var text = $(this).val(); // 获取输入框的值 $("p").text(text); // 在p标签中显示输入框的值 }); });
在上面的代码中,我们选择了所有的input元素,当用户改变它们的值时我们就执行change()方法。在每个change事件中,我们首先调用了$(this).val(),它将返回当前输入框的值。接下来我们使用$("p")来选择我们想要修改文本的p元素,并使用.text()函数将输入框的值赋给它。这个方法简单易用,且对表单验证十分有用。
需要注意的是,不是所有的表单元素都支持change()事件。例如,当用户在下拉列表中选项时,change()方法才会生效。