Praktische Lösungen

jQuery-Anleitungen-Anleitungen

Probleme lösen. Weiter entwickeln. Sammlung von jQuery-How-To-Artikeln

Finde die passende Antwort

Praktische Lösungen, nach der jeweiligen Aufgabe geordnet.

__COUNT__ Einträge auf dieser Seite

jQuery TableSortierbare jQuery-TabelleDieses Tutorial zeigt, wie Sie eine sortierbare Tabelle in jQuery erstellen. jQuery HTMLSenden Sie ein HTML-Formular mit jQueryIn diesem Artikel erfahren Sie, wie Sie das HTML-Formular mit jQuery senden. jQuery ButtonSchaltfläche in jQuery deaktivierenWir verwenden den Ereignishandler onclick und übergeben das Ereignisobjekt, das Schlüsselwort this und die Element-ID, um die Schaltfläche in jQuery zu deaktivieren. Sie sehen auch die Verwendung des Attributs `HTML disabled` und der Eigenschaft `disabled DOM`. jQuery TextSchalten Sie einen Text mit jQuery umUm einen Text mit jQuery umzuschalten, können Sie die Methode text() verwenden oder die jQuery-Bibliothek mit einer benutzerdefinierten Funktion erweitern, die den Text umschaltet. In diesem Artikel erfahren Sie anhand von Codebeispielen, wie Sie beide Methoden verwenden. jQuery FieldLegen Sie den Wert des verborgenen Felds mit jQuery festUm ein ausgeblendetes Feld mit jQuery festzulegen, gibt es drei Optionen, die Sie verwenden können. Die erste und zweite verwenden die Methoden val() und attr(), während die letzte einen CSS-Attributselektor verwendet. jQuery Clear InputLeeres Eingabefeld mit JQueryDieses Tutorial demonstriert die Verwendung der Funktion .val() zum Löschen eines Eingabefelds in JQuery. jQuery CheckboxKontrollkästchen in jQuery deaktivierenUm Checkboxen in jQuery zu deaktivieren, können Sie die jQuery-Methoden attr() und prop() verwenden. In diesem Artikel erfahren Sie anhand von zwei detaillierten Beispielen, wie das geht. jQuery EventjQuery: Lösen Sie dieselbe Funktion von mehreren Ereignissen ausIn diesem Artikel erfahren Sie, wie Sie dieselbe Funktion von mehreren Ereignissen in jQuery auslösen. Wir zeigen Ihnen zwei Beispiele, die Ihnen zeigen, wie Sie dies mit einer jQuery-API tun können. Das erste Beispiel verfolgt Benutzerbewegungen in HTML-Formulareingaben. Während die zweite die Hintergrundfarbe eines HTML-Elements ändert. jQuery AJAXjQuery: Formular mit AJAX sendenIn diesem Artikel lernen Sie drei Methoden zum Senden eines Formulars mit AJAX-in-jQuery kennen. Die erste ist die direkte Verwendung von AJAX-in-jQuery, während die zweite das AJAX-Formular-Plugin verwendet. Bei der dritten Methode verwenden wir das FormData-Objekt, um die Formulardaten abzurufen, bevor wir sie mit AJAX senden. jQuery FindjQuery: Element mit Datenattribut findenUm mit jQuery nach einem Element mit einem Datenattribut zu suchen, können Sie die Methode find(), die Methode filter() oder einen CSS-Attributselektor verwenden. In diesem Artikel erfahren Sie anhand praktischer Codebeispiele, wie Sie sie alle verwenden können. jQuery AttributejQuery: Auswahl nach DatenattributIn diesem Artikel lernen Sie zwei Methoden kennen, mit denen benutzerdefinierte HTML5-Datenattribute mithilfe von jQuery ausgewählt werden. Die erste Methode wählt die Datenattribute anhand ihrer umgebenden HTML-Tags aus. Für die zweite Methode verwenden Sie jQuery-Selektoren, die in der jQuery-API-Dokumentation definiert sind. jQuery RandomjQuery-ZufallszahlDieses Tutorial zeigt, wie Sie mit jQuery Zufallszahlen generieren. jQuery AJAXjQuery-Upload-Datei AJAXjQuery-Methoden und -Konventionen verbessern das Hochladen von Dateien. In dieser Hinsicht hilft AJAX(Asynchronous JavaScript And XML), Daten von einem Webserver zu lesen, die Webseite ohne Neuladen zu aktualisieren und auch Daten an den Webserver zu senden. jQuery TogglejQuery-Sichtbarkeit umschaltenDieses Tutorial zeigt, wie Sie die Sichtbarkeit eines Elements mit jQuery umschalten. jQuery SelectorjQuery-SelektorenUm Eigenschaften hinzufügen und HTML-Elemente manipulieren zu können, wird die Instanz berücksichtigt. Diese Instanzen werden austauschbar als Selektoren bezeichnet. Die grundlegenden jQuery-Selektoren können drei Typen haben: Elementselektor, #id-Selektor und .class-Selektor. jQuery SelectorjQuery-MehrfachselektorenDie jQuery-Konvention für mehrere Selektoren ermöglicht es, Selektoren unterschiedlicher Bedeutung zu erfassen und je nach Anforderung zu ändern oder zu aktualisieren. Diese Konvention hat keine andere Syntax als die grundlegende Methode zum Initialisieren der Selektoren. Hier wird nur darauf hingewiesen, die Selektoren auszuwählen und mit einem Komma zu trennen. jQuery LoopjQuery-Loop-Through-ElementeDie Schleifenkonvention von jQuery hat zwei Möglichkeiten. Eine besteht darin, einfache Objekte zu durchlaufen, und die andere Art besteht darin, mit den jQuery-Sammlungen, auch bekannt als dieselben klassifizierten Elemente, zu interagieren. Obwohl beide Konventionen fast identische Darstellungsweisen haben, funktionieren sie nicht auf ähnliche Weise. jQuery ClassjQuery-ErsetzungsklasseDieses Tutorial zeigt, wie Sie eine Klasse in jQuery ersetzen. jQuery FilejQuery-Download-DateiDieses Tutorial zeigt, wie Sie eine Datei mit jQuery herunterladen. jQuery AnimatejQuery-AnimationshintergrundfarbeDie Animate-Funktion der jQuery-Bibliothek funktioniert nur auf dem CSS mit numerischen Werten. Um also die Methode animate() für nicht-numerische Eigenschaften wie die Hintergrundfarbe zu verwenden, können die jQueryUI-Bibliothek und Plug-ins wie jQuery-colors hilfreich sein. Andernfalls kann die einfache .css() praktisch sein. jQuery SelectorjQuery-AbfrageauswahljQuery hat keine explizite querySelector()-Methode wie JavaScript. Vielmehr besteht hier die Konvention darin, die Selektoren über die eindeutige ID und Klasse zu instanziieren. Außerdem gibt es mehrere andere Möglichkeiten, mit denen Elemente auf intelligente Weise ausgewählt werden können. jQuery TextAreajQuery Setzwert des TextbereichsDieses Tutorial demonstriert die Verwendung der Methoden .val() und .attr() zum Festlegen des Werts des Textbereichs in JQuery. jQuery ReplacejQuery replace() MethodeIm heutigen Beitrag lernen wir die Methode replace in jQuery kennen. jQuery SiblingjQuery Geschwister auswählenDieses Tutorial zeigt, wie Sie in jQuery ein gleichgeordnetes Element auswählen.