クラスを持つdivのjqueryセレクタ

Question

私はこれを以下に試しました。 $（ "div.tab_select"）[0]の返品オブジェクトはjQueryオブジェクトではありませんが、純粋なjavascriptメソッドを使用することはできません。

jQueryオブジェクトを作成する方法はありますか？例えば$（$（ "div.tab_select"）[0]） ..私はこれが愚かであることを知っています。

ありがとうございます。

var tmp = $("div.tab_select")[0]; 
alert(tmp); //This gives me HTMLDivElement collectly. But I can't use any of javascript.. 

alert(tmp.nodeName); //But this give me error "Uncaught TypeError: Cannot read property 'nodeName' of undefined" 

tmp.hide(); //Neither, I can't use this. 

Answer 1

// all divs with tab_select class 
$('div.tab_select') 

// first div with tab_select class 
$('div.tab_select:first') 

// or 
$('div.tab_select').first() 

// or 
$('div.tab_select:eq(0)') 

// or 
$('div.tab_select').eq(0) 

Answer 2

あなたの代わりにjQueryオブジェクトを使用var tmp = $("div.tab_select:first")をしたい場合。 （存在する場合）

var tmp = $("div.tab_select")[0]ちょうど$(tmp)を行う

Answer 3

をDOM要素を返します。 [0]は、JQueryインスタンスではなくHTML要素を提供します。

Answer 4

私はどこかでCSSセレクタが高速であると読んでいます。ここ

$('div.tab_select:nth-child(n)').<method> 

e.g.