Abrufen von nativen DOM-Elementen aus jQuery-Objekten?

Question

Wie kann ich jQuery die nativen DOM-Elemente zurückgeben, die es einkapselt?

Answer 1

Wenn Sie Elemente mit jQuery finden, können Sie sie mit dem „get“ Funktion erhalten können:

var regularElement = $('#myElementId').get(0); 

Innerhalb eines „.each()“ Funktion, die ‚dieses‘ Zeiger bezieht sich auf einen ‚echten‘ Element:

$('input.special').each(function() { 
    var type = this.type; 
    this.value = "exploding balloon"; 
    // etc 
}) 

Die Verwendung von jQuery macht Javascript nicht "anders". Es ist Javascript, und das DOM ist immer noch das DOM.

Answer 2

$('myTag').get(0) gibt das HTML-Element zurück.

Answer 3

Ich nehme an, Sie versuchen zu überprüfen, ob Ihr jQuery-Objekt die erste Instanz von "cheese_tag" ist. Sie können das erste Tag mit dem Selektor :first finden und dann müssen Sie den Vergleich nicht durchführen. Zum Beispiel, erhalten Sie die erste div Tag wäre: $('div:first'). Die vollständige Liste der jQuery-Selektoren finden Sie unter documentation.

Answer 4

Andere Leute haben die Frage bereits direkt beantwortet. Verwenden Sie die Methode get().

Die meiste Zeit möchten Sie jedoch jQuery-Methoden verwenden, um die Manipulation durchzuführen, anstatt auf das rohe DOM-Element zuzugreifen und es dann mit "standardmäßigen" JavaScript zu modifizieren.

Zum Beispiel können Sie mit jQuery einfach $ ('mySelector'). AddClass ('myClass') angeben, um einem DOM-Element eine CSS-Klasse hinzuzufügen. Dies ist viel komplizierter (und Browser-spezifisch) mit direkter DOM-Manipulation. Dieses Konzept erstreckt sich auf fast jede andere DOM-Manipulation, die Sie vornehmen möchten.

Answer 5

jQuery verwendet Sizzle Selector Engine *. Sie können es auch alleine verwenden.

^{* Bestätigt durch Doug Neiner, die es richtig ist, bedeuten;)}

Answer 6

A jQuery Objekt ist eine Array artige Hülle um ein oder mehr DOM-Elemente. Um einen Verweis auf die tatsächlichen DOM-Elemente (anstelle des jQuery-Objekts) zu erhalten, haben Sie zwei Optionen. Die erste (und schnellste) Methode Array Notation verwenden:

$("#foo")[ 0 ]; // Equivalent to document.getElementById("foo") 

Die zweite Methode ist die .get() Funktion verwenden:

$("#foo").get(0); // Identical to above, only slower. 

Sie können auch .get() nennen ohne Argumente abrufen ein echtes Array von DOM-Elementen.