jquery - 表单标签中的名称属性在 jquery 的 Firefox 中无法正常工作

Question

这是我的jQuery：

$(document).ready(function(){
    $(myForm.elements).hide();
}

这是表单在 html 中的外观：

<form name="myForm"></form>

在 Firefox 中运行它会抛出一个错误：myForm is not defined

但是，此代码将在 Chrome 和 Opera 中成功运行。如何解决 Firefox 中的此错误？

Answer 1

您可以document.forms[0]改用，但如果您的页面上有多个表单，这可能不是最佳解决方案。

我会使用选择器而不是对象

$('form[name="myForm"] :input')

或者

$('#myForm :input');

<form id="myForm">

: input 选择器“选择所有输入、文本区域、选择和按钮元素。”

Answer 2

代替

 `myForm.elements` 

和

 `document.forms[0].elements` 

现在它将适用于所有浏览器。注意，这是我的第一个表格，所以我的索引为 0，用适当的数字替换它。