KettenanrufeNachdem das jQuery-Objekt eine beliebige Methode aufgerufen hat (außer der Knotenbeziehungsmethode), hat die Methode einen Rückgabewert, der das jQuery-Objekt selbst ist. Dieses Phänomen bietet uns Komfort und wir können weiterhin jQuery-Methoden und -Eigenschaften für die Ausführungsergebnisse aufrufen. Das heißt, Sie können das jQuery-Objekt verwenden, um kontinuierliche Punktaufrufe durchzuführen console.log($(this).css("Hintergrundfarbe", "pink").html("Hallo")); Zusätzlich zu den Knotenbeziehungsmethoden ist der Rückgabewert nach der Ausführung anderer Methoden des jQuery-Objekts das Objekt selbst, und Sie können weiterhin die Methoden und Eigenschaften anderer jQuery-Objekte in einer Kette aufrufen. Dies vereinfacht das Schreiben von Code Ein kleiner KofferKlicken Sie auf ein Element, um es selbst rosa, seine Geschwister gelb, sein übergeordnetes Element blau, die Geschwister seines übergeordneten Elements farbig und die Geschwister seines übergeordneten Elements selbst orange zu machen. <Stil> * { Rand: 0; Polsterung: 0; } .Kasten { Breite: 400px; Höhe: 60px; Rand: 1px durchgezogen #000; Rand oben: 2px; } .box p,.box h2 { schweben: links; Breite: 60px; Höhe: 60px; Rand rechts: 20px; Hintergrundfarbe: RGB (164, 247, 233); } </Stil> <!------------------------------------------------------------------> <Text> <div Klasse="Box"> <p></p> <p></p> <p></p> <p></p> <h2>h2</h2> </div> <div Klasse="Box"> <p></p> <p></p> <p></p> <p></p> <h2>h2</h2> </div> <div Klasse="Box"> <p></p> <p></p> <p></p> <p></p> <h2>h2</h2> </div> <div Klasse="Box"> <p></p> <p></p> <p></p> <p></p> <h2>h2</h2> </div> <script src="../jq/jquery-1.12.4.min.js"></script> <Skript> var $p = $("p"); var $box = $(".box") $p.click(Funktion () { // Implementierung des Kettenaufrufs $(this).css("background-color","pink") //Ändert sich selbst in Pink.siblings().css("background-color","yellow") //Die eigenen Brüder ändern sich in Gelb.parent().css("background-color","skyblue") //Und sein Elternteil ändert sich in Blau.siblings().css("background-color","lightgreen") //Die Brüder des Elternteils ändern sich in Hellgrün.children().css("background-color","orange") //Die Brüder des Elternteils ändern sich in Orange}) Oben finden Sie eine ausführliche Erklärung zum jQuery-Kettenaufruf. Weitere Informationen zum jQuery-Kettenaufruf finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM! Das könnte Sie auch interessieren:
|
<<: Tutorial-Diagramm zum Erstellen eines Hadoop-Hochverfügbarkeitsclusters basierend auf ZooKeeper
>>: Mehrere Möglichkeiten zum Berechnen des Alters anhand des Geburtstags in MySQL
Inhaltsverzeichnis Frage Hintergrund Idee & U...
Fehler beim Flackern des CSS-Hintergrundbilds in ...
In diesem Artikel wird der spezifische Code des V...
1. Übersicht Redis Cluster ermöglicht hohe Verfüg...
Zusammenfassung: Analyse von zwei MySQL SQL-Anwei...
Problembeschreibung Im Rahmen der Ele.me-Benutzer...
Installieren Sie den NVIDIA-Grafikkartentreiber u...
Inhaltsverzeichnis PXE implementiert die unbeaufs...
Kobold-Kuh herunterladen CSS-Fussel herunterladen...
Einfache Installation von opencv2: conda installi...
Inhaltsverzeichnis Schreiben Sie docker-compose.y...
Systemhilfe anzeigen help contents mysql> Hilf...
Heute werde ich Ihnen zeigen, wie Sie das Linux-S...
Heute ist der 618. und alle großen Einkaufszentre...
Befehle zur Linux-Onlineinstallation: yum install...