名称属性不能正常在Firefox工作的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，将其替换为适当的数字。