sélecteur jquery pour div avec classe

Question

J'ai essayé ceci ci-dessous. Je pense que l'objet de retour de $("div.tab_select")[0] n'est pas un objet jQuery, mais je ne peux même pas utiliser la méthode purement javascript.

Y a-t-il un moyen d'en faire un objet jQuery ? par exemple $($("div.tab_select")[0]) ..je sais que c'est idiot ;

Merci de votre lecture.

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 CSS pseudo selector which is slightly faster than the first jQuery 
// shortcut 
$('div.tab_select:first-of-type')

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

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

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

Answer 2

Si vous voulez un objet jQuery, utilisez var tmp = $("div.tab_select:first") à la place.

var tmp = $("div.tab_select")[0] retournera l'élément DOM (s'il existe)

Answer 3

Fais-le. $(tmp) . [0] vous donne l'élément HTML et non l'instance JQuery.

Answer 4

J'ai lu quelque part que les sélecteurs css sont plus rapides.

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

voici le par exemple