Heim > Web-Frontend > js-Tutorial > Wie jQuery ausgewählte Objekte in ursprüngliche DOM-Objekte konvertiert_jquery

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

WBOY
Freigeben: 2016-05-16 16:45:09
Original
1284 Leute haben es durchsucht

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

②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.
    Verwandte Etiketten:
    Quelle:php.cn
    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
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage