当先锋百科网

首页 1 2 3 4 5 6 7

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方法,它可以帮助我们轻松地获取和设置表单元素的值。