Javascript JQuery与getElementId的区别是什么'；他回来了

我创建了一个滑块和一个标签来显示其值：

<div style="display:table-cell; outline:5px dotted green; width:100%;"><input type="range" min="1" max="100" value="50" class="slider" id="SelectDate"></div>
<div id="visDate" style="display:table-cell; outline:5px dotted green; vertical-align:middle;"></div>

（这意味着我可以使用

.value

来获取值），但这不能：

var slider = $("#SelectDate");

当我将

slider

输出到控制台时，我看到了对象，可以看到其中的value属性，但不知道如何访问它

---

因此，看起来上面的两种方法返回滑块对象的方式不同。每种方法返回什么，以及每种查找对象的方法的优缺点是什么？

jQuery返回一个jQuery对象。您需要访问正确的索引才能获得如下值：

$("#SelectDate")[0].value

或使用方法

jQuery对象：Wrapped Set:selector返回一个称为“Wrapped Set”的jQuery对象，它是一个类似数组的结构，包含所有选定的DOM元素。您可以像数组一样迭代包装集，也可以通过索引器（例如$（sel）[0]）访问单个元素。更重要的是，还可以对所有选定的元素应用jQuery函数

---

jQuery没有

.value

。。。。那么这是使用jQuery错误的问题吗？$（“#SelectDate”）将返回一个jQuery对象，这意味着您可以对它执行jQuery函数，如.val（）来获取值，而document.getElementById（“SelectDate”）从DOM返回元素。

var slider=$（“#SelectDate”）[0]。value或
变量滑块=$（“#SelectDate”）.val（）“jQuery返回数组”-不，它不返回。（数组没有用于开始的
val（）
方法！）
$("#SelectDate")[0].value

$("#SelectDate").val()

// Vanilla JS
var slider = document.getElementById('SelectDate');
var val = slider.value;

// jQuery
var $slider = $('#SelectDate');
var $val = $slider.val();
var val = $slider[0].value; // Vanilla JS (using jQuery object)