jQuery是一个JavaScript库,它提供了一种简单而强大的方法来简化HTML文档遍历、事件处理、动画和Ajax交互。其中,$(this).val()是jQuery的一个方法,它可以用来获取当前元素的值。
$(this).val();
在jQuery中,this关键字指代当前被选中的元素。所以,在事件处理函数内部,$(this).val()可以获取到当前被点击的按钮、输入框、下拉框等元素的值。
例如,当用户在一个文本框中输入时,我们可以使用以下代码来获取文本框的值:
$("input").on("input", function() { var value = $(this).val(); console.log(value); });
在这个代码中,$("input")选择了所有的文本框,当用户在文本框中输入时,"input"元素就会触发input事件。事件处理函数内部,$(this).val()获取了当前输入框的值,并打印输出到控制台。
除了获取表单元素的值外,$(this).val()还可以用来设置表单元素的值。例如:
$("button").on("click", function() { $(this).siblings("input").val("Hello, World!"); });
在这个代码中,$("button")选择了所有的按钮。当按钮被点击时,事件处理函数内部使用$(this).siblings("input")找到了与按钮同级的文本框,并将其值设置为"Hello, World!"。
总之,$(this).val()是一个非常有用的jQuery方法,它可以帮助我们轻松地获取和设置表单元素的值。