为什么& # 39;$(“# form") [0] .reset (); & # 39;作品和& # 39;$(

Question

我在我的网页中使用如下的表单重置方法

$("#form")[0].reset();

但是当我像下面这样使用

$("#form").reset();

给我错误。

为什么第一个方法是工作的，后一个不是?

我的页面工作得很好。但我想知道背后的原因。解决方案无处不在。但是没有人描述背后的原因。

注意:我检查了这里，它显示了这么多的答案。

Answer 1

jQuery选择器方法可以返回多个元素，因此为了一致性起见，行为是返回一个数组。这个数组是其他可以操作该选择的jQuery方法的包装器，但是操作经典的DOM函数需要处理特定的元素。

你可以这样做，用[0]拉出第一个，或者你可以迭代它们:

$('#form').each(function() { this.reset() });

Answer 2

因为reset()方法是HTML表单元素的成员:

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset

而不是由jQuery对象提供的方法，它是0个或多个匹配元素的集合为您的选择器(#form)

Answer 3

我认为简单的原因是它是使用Jquery强制工作javascript函数

.reset()不是Jquery原生函数。它是Javascript函数，我们在Jquery