jquery erhält den Knotennamen_jquery

Mit der get(index)-Methode von jQuery können Sie ein tatsächliches DOM-Element auswählen und es direkt bearbeiten, anstatt eine jQuery-Funktion durchlaufen zu müssen, und dann direkt auf das tagName-Attribut des DOM-Elements zuzugreifen. $(this).get(0) entspricht $(this)[0].

Zum Beispiel die folgenden Elemente

Code kopieren Der Code lautet wie folgt:

$("#test")[0].tagName

Was erhalten wird, ist DIV (beachten Sie, dass es großgeschrieben wird)

So erhalten Sie den Namen eines Elements in jquery, z. B.
dd

$("#aa").xxxmethod erhält „div“
So erhalten Sie den Namen eines Elements in jquery, z. B.
dd

$("#aa").xxxmethod erhält „div“

$('#elementId').get(0).tagName
$("#aa")[0].tagName Das ist es
jQuery erhält Tag-Namen

Code kopieren Der Code lautet wie folgt:

$('#elementId').get(0).tagName

Hier erhalten Sie den Tag-Namen in Großbuchstaben, wie zum Beispiel: A, DIV

Hintergrundwissen:

Konvertierung zwischen jQuery-Objekt und Dom-Objekt

Nur ​​JQuery-Objekte können die von JQuery definierten Methoden verwenden. Beachten Sie, dass es einen Unterschied zwischen Dom-Objekten und JQuery-Objekten gibt. Beim Aufrufen von Methoden sollten Sie darauf achten, ob Sie mit Dom-Objekten oder JQuery-Objekten arbeiten.
Gewöhnliche DOM-Objekte können im Allgemeinen über $() in jQuery-Objekte konvertiert werden.
Beispiel: $(document.getElementByIdx_x("msg")) ist ein JQuery-Objekt und Sie können JQuery-Methoden verwenden.

Weil das JQuery-Objekt selbst eine Sammlung ist. Wenn das JQuery-Objekt in ein Dom-Objekt umgewandelt werden soll, muss daher eines der Elemente abgerufen werden, was im Allgemeinen über einen Index abgerufen werden kann.
Zum Beispiel: $("#msg")[0], $("div").eq(1)[0], $("div").get()[1], $("td")[ 5] Dies sind Dom-Objekte, und Sie können Methoden in Dom verwenden, aber Sie können keine Jquery-Methoden mehr verwenden.

Die folgenden Schreibweisen sind alle korrekt:

Code kopieren Der Code lautet wie folgt:

$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML; -

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.