表单标记中的Name属性在firefox for jquery中无法正常工作

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 selector“选择所有输入，文本区域，选择和按钮元素。”

Answer 2

替换

 `myForm.elements` 

与

 `document.forms[0].elements` 

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