javascript - HTML5/JavaScript/jQuery - 使用 jQuery 选择器时输入范围 .value() 变得未定义？

Question

因此，我尝试创建一个输入范围对象，以允许用户从一系列值中进行选择，并读取该对象并更新 jQuery 变量。

如果我尝试访问以下值:

<input id="scroll" type="range" min="1" max="60" value="5">

如果我使用:

$("#scroll").on("change", function() {
    variable = this.value;
});

它运行正常并且变量更新。

但是，如果我使用 jQuery 标签选择器，如下所示:

$("#scroll").on("change", function() {
    variable= $("#scroll").value;
}

变量变得未定义。

你能解释一下为什么吗？我的想法是，“this”指的是更新后的 HTML 对象，并使用 HTML 属性，但坦率地说，我对此了解不够。

Answer 1

正确的语法是$("#scroll").val()。您省略了 # 并且使用了 DOM 属性而不是 jQuery 方法。

$("#scroll").on("change", function() {
    variable= $("#scroll").val();
}