不同的选择器返回不同的原型相同的对象？

Question

我真的不熟悉JavaScript和jQuery。我的问题是这个。

我有两种形式，编号为id1和id2在我的文档中。这些表单有一个validate方法（来自jQuery验证模块）。

当我这样做：

$(#id1).validate() 

...它的工作原理。但当我这样做：

$('form[id^="id"]')[0].validate() 

......它说TypeError: Object #<HTMLFormElement> has no method 'validate'。这看起来很奇怪，因为我在同一个对象上调用validate。

Answer 1

他们是因为在第二个例子中你在指数0提取的DOM元素不同的对象......

// v------returns jQuery object 
$('#id1').validate() 

//  v------returns jQuery object 
$('form[id^="id"]')[0].validate() 
//     ^----------extracts the DOM element 

正确的对等是...

$('form[id^="id"]').validate() 

...或者如果您只想要第一个元素...

$('form[id^="id"]').eq(0).validate()