javascript - $ ('#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 无效，所以我试图理解其中的区别。然而，当我注释掉 Bootstrap 验证时，方法 1 确实有效。

Answer 1

$('#formID') 将为您提供一个与所有 DOM 元素匹配的类似数组的对象，而 $('#formID')[0] 将为您提供第一个来自对象的 DOM 元素。

By appending [0] to the jQuery object will return the first DOM element.

就您而言，这两个函数都可以完美运行并提交与表单元素相同的 DOM 元素

您可以在此处阅读更多详细信息:
https://learn.jquery.com/using-jquery-core/faq/how-do-i-pull-a-native-dom-element-from-a-jquery-object/