Kimlik ve sınıf yoluyla DOM alma

Question

arasındaki fark nedir? JQuery (1.8.3) get DOM kullanırken bir sorum var.

$(function() { 
 
    //method 1 
 
    var $y = $('.u')['0'], 
 
    $n = $('.u')['1']; 
 
    $y.click(function(e) { 
 
    alert('hello y'); 
 
    }); 
 
    $n.click(function(e) { 
 
    alert('hello n'); 
 
    }); 
 

 
    //method 2 
 
    var $yid = $('#y'), 
 
    $nid = $('#n'); 
 
    $yid.click(function(e) { 
 
    alert('hello yid'); 
 
    }); 
 
    $nid.click(function(e) { 
 
    alert('hello nid'); 
 
    }); 
 
});

<!-- method 1 --> 
 
<button class="u">yes</button> 
 
<button class="u">no</button> 
 
<br> 
 
<!-- method 2 --> 
 
<button id="y">yesid</button> 
 
<button id="n">noid</button>

code in jsfiddle

Ben tıklama etkinlik çalışır hale getirmek için "yöntemini 1" neden kullanamazsınız bilmiyorum, ben eksik ettik temel bir şey olduğunu düşünüyorum Birisi bana tavsiyelerde bulunabilir mi? J nesnesini değil, dom nesnesini döndürür.

Answer 1

$('.u')[0]click() işleyici yalnızca jQuery nesnesiyle çalışır, bu nedenle jQuery nesnesini almak için eq() kullanın.

var $y = $('.u').eq(0), 
    $n = $('.u').eq(1); 

FIDDLE

Answer 2

bir dizi dom nesnesini alacak seçimi için .u kullanırken. Bir jQuery nesne olarak yapmak için kod gereğince yeniden id bir şeyler seçerek daha öğenin farklı bir tür dönecektir class tarafından

$($('.u')['0']) 
$($('.u')['1']) 

Fiddle Demo şey seçilmesi

Answer 3

gibi seçmek gerekir.

class tarafından bir şey seçilmesinin, o sınıftaki her şeyi içeren bir kutu (dizi) döndürdüğünü varsayalım. Daha sonra, id ile bir şey seçmenin öğeyi id ile döndürdüğünü hayal edin.

Sınıfınıza göre bir şey seçerseniz, sınıfla sadece 1 dom öğesi olsa bile "bu sınıfın tüm domları" için kutusunu (dizisi) elde edersiniz. Jquery'deki .eq() işlevini kullanarak

işlevi, sınıfın ilk veya n'üncü öğesini verebilir.

$(".myClass").eq(0) 

$("#myId")