Warum '$ ("# form") [0] .reset();' funktioniert und '$ ("# form"). reset();' nicht?

Question

I Formular zurückgesetzt Methode verwenden, wie unten in meinen Web-Seiten

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

Aber wenn ich es wie die Verwendung unter

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

Es gibt mir Fehler.

Warum die erste Methode funktioniert und die spätere nicht?

Meine Seite funktioniert perfekt. Aber ich hätte gerne den Grund dahinter. Die Lösung ist überall. Aber keiner von ihnen beschreibt den Grund dafür.

Hinweis: Ich überprüfte here und es zeigt so viele Antworten. Nichts definiert den Grund klar.

Answer 1

Ich denke, der einfache Grund ist es für gewaltsam Arbeits eine javascript Funktion Jquery Verwendung ist

.reset() ist keine Jquery-native Funktion. Es ist eine Javascript Funktion und wir verwenden es mit Nachdruck innerhalb Jquery

Answer 2

Da das reset() Verfahren ein Mitglied des Elements HTML-Formulars ist:

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

Und keine Methode von einem Objekt jQuery angeboten, die eine Sammlung von 0 oder mehr passenden Elementen für Ihren Selektor (#form)

Answer 3

Die jQuery-Selektormethode kann mehr als ein Element zurückgeben, daher besteht das Verhalten darin, ein Array der Konsistenz halber zurückzugeben. Dieses Array ist ein Wrapper für andere jQuery-Methoden, die mit dieser Auswahl arbeiten können, aber die Bearbeitung der klassischen DOM-Funktionen erfordert die Arbeit an einem bestimmten Element.

Sie können das tun, wie Sie haben, mit [0] die erste zu ziehen, oder Sie können über sie iterieren:

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