带有类的div的jquery选择器

Question

我在下面尝试了这个。我认为 $（“div.tab_select”）[0] 的返回对象不是jQuery对象，但我甚至无法使用纯javascript方法。

有没有办法让它成为jQuery Object？例如 $（$（“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]将返回DOM元素（如果存在）

Answer 3

做$(tmp)。 [0]为您提供HTML-Element而不是JQuery实例。

Answer 4

我在某处读到了css选择器更快。

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

这是e.g.