jquery - 为什么 '$("#form")[0].reset() ;' works and ' $ ("#form").reset();'不是？

Question

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

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

但是当我像下面这样使用它时

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

它给了我错误。

为什么第一种方法有效而后一种方法无效？

我的页面运行良好。但我想知道其背后的原因。解决方案无处不在。但他们都没有描述其背后的原因。

注意:我检查了here它显示了很多答案。没有明确的原因。

Answer 1

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

您可以像以前那样执行此操作，使用 [0] 取出第一个，或者您可以迭代它们:

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