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()です。 #を省略し、jQueryメソッドの代わりにDOMプロパティを使用しました。

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