В чем разница между $ ('# formID'). Submit и $ ('# formID') [0] .submit?

Question

Вот урезанная версия примера проекта:

HTML:

<form id="formID">

    <input id="btnSubmit" type="button" value="Submit" />

</form>

JS:

$('#btnSubmit').click(function() {

    // Method 1
    // $('#formID').submit();

    // Method 2
    $('#formID')[0].submit();

}

В более сложной версии метод 2 работает, а метод 1 - нет, поэтому я пытаюсь понять разницу. Однако метод 1 работает, когда я комментирую проверку начальной загрузки.

Answer 1

$('#formID') даст вам массив, как объект, соответствующий всем элементам DOM, тогда как $('#formID')[0] даст вам первый элемент DOM из объекта.

При добавлении [0] к объекту jQuery произойдетвернуть первый элемент DOM.

В вашем случае обе функции будут отлично работать и отправлять один и тот же элемент DOM, который является элементом формы

Вы можете прочитать подробнееПодробности здесь:
https://learn.jquery.com/using-jquery-core/faq/how-do-i-pull-a-native-dom-element-from-a-jquery-object/