は、jQueryの要素

Question

のグループから個人を選択：

var inputs = $('#form input[type="text"]'); 

彼らはjQueryのに包まれています。私は彼らと一緒に欲しいものを何でもすることができます。

inputs.css('height', '1000px'); 
//muhahaha! 

グループとして彼らは従っています。しかし、私は何かが欠けているようです。あたかもオブジェクトの配列であるかのように、それぞれを個別に見ることができます。

console.log(inputs[0]); 
// <input type="text" /> 

しかし、上記の出力はちょうどhtmlです。私はそれはもはやjQueryオブジェクトだと:(

inputs[0].css('font-size', '100px'); 
// Uncaught TypeError: Object #<HTMLInputElement> has no method 'css' 

どのように私は再びそれぞれの要素をラップすることなく、個々のjQueryのメソッドを使い続けるか、これはいくつかの、奇妙な暗い、不可解なことは不可能であるか行わないとき理由？

も、この1を検索を開始する場所を知らなかった、と私のjQueryの旅は、これまでの回答に私をリードしていません。再度、各要素を包む回避するためにありがとう！

Answer 1

は、このページを見てください：jQuery Filtering

inputs.eq(0).css('font-size', '100px'); 

は、私が期待通りに信じられないほど簡単なこの場合

Answer 2

唯一の方法（$(inputs[0]).css('font-size', '100px')）

は純粋なJavaScriptを使用しています。例：inputs[0].style.fontSize = "100px";

Answer 3

は、アレイ・インデックス経由でのjQueryでこのfunction .eq() in Jquery-API

アクセスドム・ノードのコレクションを参照してくださいあなたは上記の方法でインデックスを選択した場合、あなたは」、あなたをRAWドム-要素を取得機能拡張されたjQuery-Wrapped-Elementsを取得します。 docsをご覧ください。