不同的選擇器返回不同的原型相同的對象？

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()