淘先锋技术网

首页 1 2 3 4 5 6 7

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()方法才会生效。