Wie jQuery ausgewählte Objekte in ursprüngliche DOM-Objekte konvertiert_jquery

In jQuery ist die Sammlung, die durch die Auswahl von Elementen auf einer Seite zurückgegeben wird, ein jQuery-Objekt und nicht das ursprüngliche DOM-Objekt. Wenn Sie DOM-Methoden und -Eigenschaften für den Auswahlsatz ausführen möchten, muss die Sammlung konvertiert werden zu einem DOM-Objekt

Zum Beispiel können Sie es nicht so verwenden:

$('div').innerHTML = "hello world"

Weil innerHTML ein ist Eigenschaft des DOM und keine Eigenschaft des jQuery-Objekts. Wenn Sie dies wirklich tun möchten, müssen Sie das jQuery-Objekt in ein DOM-Objekt konvertieren. Es gibt zwei Methoden

①jQuery bietet eine Kernmethode get(), also kann das Obige als $('div') .get().innerHTML = "hello world" geschrieben werden

Natürlich entspricht dies der Situation, in der nur ein Div vorhanden ist Wenn es mehrere Divs gibt, ist diese Methode nicht einfach zu verwenden. Sie müssen den Code ändern, um den Indexwert an get(index) zu übergeben $("div").get(0).innerHTML = "hello world";

Natürlich können Sie die integrierte $.each-Schleife von jQuery verwenden, um alle Zuweisungsoperationen durchzuführen >$div1 = $("div").get();




Code kopieren

Der Code lautet wie folgt: $.each($div1 , function(index, val) { val.innerHTML = 'lc ' index; });

②Wir können [ ] verwenden, um den Inhalt im Formular abzurufen

Zum Beispiel $('div')[0] .innerHTML = "hello world";

Sehen wir uns ein vollständiges Beispiel an

Code kopieren

Der Code lautet wie folgt:

Books

Datenstruktur und Algorithmus mit Javascript

>

Sharp jQuery

Professionelles Javascript

1.10.2.min.js">
;/span>


Jetzt werde ich den Prozess der Konvertierung von DOM-Objekten in jQuery-Objekte hinzufügen



Kopieren Sie den Code


Der Code lautet wie folgt:




cli" onclick="click(this)">Click Me

jQuery-Objekt.

Hinweis: Tatsächlich handelt es sich um ein gewöhnliches DOM-Objekt, das wir im Onclick-Ereignis verwenden. Dann verwenden wir $(), um das DOM-Objekt zu kapseln, und dann können wir die Funktion addClass verwenden.

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn