Einführung in jQuery-Methoden

Wenn Sie von dem Wort jQuery überrascht sind, lassen Sie mich zunächst erklären, was jQuery ist. jQuery ist eine der beliebtesten Javascript-Bibliotheken zum Erstellen von Websites oder Webanwendungen. Es wurde speziell entwickelt, um die Manipulation und Ereignisbehandlung von HTML-Dom-Bäumen sowie das Durchlaufen von HTML-Dom-Bäumen, CSS-Übergänge und CSS-Animationen mit Unterstützung der Ajax-Behandlung zu beheben. Es ist auch Open Source und kostenlos unter der Gnu-Lizenz. In diesem Thema lernen wir jQuery-Methoden kennen.

jQuery ist sehr einfach zu erlernen, da es die Javascript-Programmierung vereinfacht. JQuery ist css3-kompatibel, browserübergreifend kompatibel und weist eine sehr geringe Stellfläche auf. Kurz gesagt, wir können sagen, dass jQuery den Pfad für Entwickler geändert hat, die ihren langwierigen Code in Javascript geschrieben haben. jQuery bietet eine andere Methode für Dom-Manipulation, Transversal-M, Event-Handling oder Event-Triggering, Attribut-Manipulation, Dimensions-Manipulation, CSS-Manipulation und Animationen.

Arten von jQuery-Methoden

Hier lernen wir verschiedene Arten von jQuery-Methoden kennen

1) Dom Manipulation

Was auch immer wir diese Methoden verwenden, konzentrieren wir uns letztendlich auf die Änderung von dom-Ereignissen. Mit anderen Worten, wir können sagen, dass wir mit diesen Methoden dom manipulieren. Einige der jQuery-Methoden zur Dom-Manipulation sind:

  • addClass (): In der Menge der übereinstimmenden Elemente werden die angegebenen Klassen zu jedem Element hinzugefügt .
  • after (): Fügen Sie in die Gruppe der übereinstimmenden Elemente nach jedem Element-Tag Daten oder Inhalte ein, die vom Parameter angegeben werden.
  • append (): Mit kurzen Worten können wir sagen, dass wir mit dieser Methode Daten oder Inhalte in das spezifische Element einfügen.
  • attr (): Diese Methode liefert den Attributwert des jeweiligen Elements.
  • before (): Mit dieser Methode können wir vor jedem angegebenen Element beliebige Daten oder Inhalte einfügen.
  • clone (): Mit dieser Methode kopieren wir das Quellelement tief.
  • css (): Mit dieser Methode ändern wir die CSS des angegebenen Elements.
  • detach (): Mit dieser Methode löschen wir einfach das angegebene Element aus dem dom-Baum.
  • hasClass (): Mit dieser Methode finden wir die angegebene Klasse, die an das jeweilige Element angehängt ist.
  • empty (): Diese Methode löscht alle untergeordneten Knoten, die an den jeweiligen Elementdombaum angehängt sind.
  • height (): Diese Methode gibt den Wert der Höhe des angegebenen Elements an.
  • offset (): Diese Methode legt die Koordinate des angegebenen Elements relativ zum Dokument fest.
  • position (): Diese Methode ermittelt die aktuelle Position des angegebenen Elements relativ zum übergeordneten Element.
  • prop (): Diese Methode gibt den Wert der aktuell ausgewählten Elementeigenschaft an.
  • replaceAll (): Diese Methode ersetzt das gesamte Zielelement durch das angegebene Element.
  • text (): Diese Methode setzt oder ruft den Textzeichenfolgenwert der angegebenen Elemente ab.
  • Val (): Diese Methode gibt den aktuellen Wert der ersten angegebenen Elemente an.
  • width (): Diese Methode gibt den berechneten Breitenwert der angegebenen Elemente an.
  • wrap (): Mit dieser Methode wird die jeweilige HTML-Struktur um jedes Element in den Mengen der angegebenen Elemente gewickelt.
  • wrapInner (): Diese Methode umschließt den Inhalt jedes angegebenen Elements mit der HTML-Struktur.

2) Überqueren

Diese Methode hilft uns bei der Navigation von einem dom-Element zu anderen dom-Elementen, die einer Parent-Child-Hierarchie folgen. Einige der Verfahrmethoden sind:

  • add (): Diese Methode erstellt ein neues jQuery-Objekt und fügt es den angegebenen Elementen hinzu.
  • addBack (): Diese Methode fügt dem aktuellen Stack-Element eine jQuery-Vorgängergruppe des Elements hinzu.
  • children (): Diese Methoden suchen das untergeordnete Element jedes angegebenen Elements.
  • next (): Diese Methode findet das Element, das zuerst mit dem Selektor übereinstimmt.
  • contents (): Diese Methode ermittelt den Inhalt des angegebenen Elements, einschließlich Kommentarknoten und Text.
  • each (): Diese Methode durchläuft eine Schleife, was bedeutet, dass diese Methode auf alle darauf bezogenen Elemente angewendet wird.
  • end (): Diese Methode beendet die letzte Filteraufgabe und setzt das übereinstimmende Element auf den vorherigen Status zurück.
  • eq (): Diese Methode reduziert die Menge des angegebenen Elements auf eins am angegebenen Index.
  • filter (): Diese Methode liefert das angegebene Element basierend auf dem von uns angegebenen Filter.
  • first (): Diese Methode liefert das angegebene Element basierend auf dem von Ihnen angegebenen Selektor.
  • has (): Diese Methode liefert die Menge der angegebenen Elemente oder Selektoren.
  • map (): Diese Methode gibt einen neuen Wert eines jQuery-Objekts basierend auf einer Funktion zurück, die durch jedes Element übergeben wird.
  • next (): Diese Methode liefert sofort das nächste Geschwister des ausgewählten Elements.
  • parent (): Diese Methode gibt dem übergeordneten Element die Auswahl des angegebenen Elements.
  • prev (): Mit dieser Methode können Sie die aktuell angegebenen Elemente sofort mit den vorherigen Elementen vergleichen.

3) Ereignisauslösung

Mit dieser Methode registrieren wir Änderungen in der Dom-Manipulation, die bei der Interaktion mit dem Browser wirksam werden. Einige der jQuery-Methoden zur Ereignisbehandlung sind:

  • bind (): Diese Methode hängt eine Ereignisbehandlung an das angegebene Element an.
  • blur (): Diese Methode bindet ein JavaScript-Ereignis "blur" an das angegebene Element.
  • change (): Dieses Ereignis verbindet das angegebene Element mit dem Element change javascript.
  • click (): Diese Methode bindet ein Click-Javascript-Ereignis an das angegebene Element.
  • delegate (): Diese Methode hängt ein oder mehrere Ereignisse an die angegebene Menge des Elements an.
  • die (): Diese Methode entfernt jede Art von JavaScript-Ereignisbehandlung, die an die Menge des angegebenen Elements angehängt ist.
  • error (): Diese Methode hängt eine Fehlerereignisbehandlung an die angegebene Menge des Elements an.
  • focus (): Diese Methoden binden eine focus-Ereignisbehandlung an die angegebene Menge des Elements.
  • hover (): Diese Methode bindet eine Hover-Ereignisbehandlung an die angegebene Menge des Elements.

Nun, ich habe versucht, die maximal mögliche Anzahl verwendeter jQuery-Methoden in unseren täglichen Entwicklungsprozess einzubeziehen. Abgesehen von diesen gibt es viele weitere jQuery-Methoden, die untersucht werden müssen. Jeden Tag gibt es einige Entwicklungen bei den jQuery-Methoden. Jedes Mal, wenn jQuery seine Version veröffentlicht, enthalten sie mehrere neue jQuery-Methoden.

Empfohlene Artikel

Dies ist eine Anleitung zu jQuery-Methoden. Hier haben wir die verschiedenen Arten von jQuery-Methoden wie Dom-Manipulation, Traversing und Event-Triggering usw. besprochen. Sie können auch den folgenden Artikel lesen, um mehr zu erfahren -

  1. Wie installiere ich Jquery?
  2. Was ist jQuery?
  3. Was ist PostgreSQL?
  4. SQL-Verwaltungstools
  5. jQuery querySelector
  6. Leitfaden zu JQuery-Fortschrittsbalken-Beispielen

Kategorie:

Software-Entwicklung