配列[0].hide() が 動かない理由

Question

#困っていること
複数のtrを要素を一括で取得し、その0番目だけを非表示にしようとすると
trs[0].hide is not a functionとなります。
ただ、試しに配列全てだとどうだと思い、trs.hide()だとうまく行きます。

調べてもなかなかわからず、解決策をご教示いただけないでしょうか？

#コード

tr要素が複数存在します

var trs = $("tr");
trs[0].hide(); # trs[0].hide is not a function
trs.hide(); # うまくいく

Answer 1

$('tr').eq(0).hide();
もしくは
$('tr:eq(0)').hide();

Comments

[yambejp]

理由：$('tr')[0]はjQueryオブジェクトではなくdomを掴むから
domから処理するならさらにjQueryをかぶせる

$($('tr')[0]).hide();