Neueste Web-Entwicklung Tutorials
 

jQuery Beispiele


Wollen Sie Ihre jQuery-Selektor Fähigkeiten zu entwickeln?

Bitte versuchen Sie unsere jQuery Selector Tester


jQuery Selektoren

$("p").hide()
Demonstriert die jQuery hide() Methode, versteckt alle <p> Elemente.

$("#test").hide()
Demonstriert die jQuery hide() Methode, um das Element mit versteckt id="test" .

$(".test").hide()
Demonstriert die jQuery hide() Methode, alle Elemente mit versteckt class="test" .

$(this).hide()
Demonstriert die jQuery hide() Methode, die aktuelle HTML - Element zu verstecken.

Beispiele erklärt


jQuery Veranstaltungen

jQuery click()
Demonstriert die jQuery click() Ereignis.

jQuery dblclick()
Demonstriert die jQuery dblclick() Ereignis.

jQuery mouseenter()
Demonstriert die jQuery mouseenter() Ereignis.

jQuery mouseleave()
Demonstriert die jQuery mouseleave() Ereignis.

jQuery mousedown()
Demonstriert die jQuery mousedown() Ereignis.

jQuery mouseup()
Demonstriert die jQuery mouseup() Ereignis.

jQuery hover()
Demonstriert die jQuery hover() Ereignis.

jQuery focus() und blur()
Demonstriert die jQuery focus() und blur() Ereignisse.

Beispiele erklärt


jQuery Hide / Show

jQuery hide()
Demonstriert die jQuery hide() Methode.

jQuery hide() und show()
Demonstriert jQuery hide() und show() Methoden.

jQuery toggle()
jQuery toggle() schaltet zwischen hide() und show() .

jQuery hide()
Ein weiterer hide Demonstration. Wie Teile des Textes zu verstecken.

Beispiele erklärt


jQuery Fade

jQuery fadeIn()
Demonstriert die jQuery fadeIn() Methode.

jQuery fadeOut()
Demonstriert die jQuery fadeOut() Methode.

jQuery fadeToggle()
Demonstriert die jQuery fadeToggle() Methode.

jQuery fadeTo()
Demonstriert die jQuery fadeTo() Methode.

Beispiele erklärt


jQuery Slide

jQuery slideDown()
Demonstriert die jQuery slideDown() Methode.

jQuery slideUp()
Demonstriert die jQuery slideUp() Methode.

jQuery slideToggle()
Demonstriert die jQuery slideToggle() Methode.

Beispiele erklärt


jQuery Animate

jQuery animate()
Demonstriert eine einfache Verwendung des jQuery animate() Methode.

jQuery animate() - manipulieren mehrere CSS - Eigenschaften
Demonstriert , dass Sie mehrere CSS - Eigenschaften mit dem jQuery manipulieren kann animate() Methode.

jQuery animate() - mit relativen Werten
Zeigt , dass Sie relative Werte in der jQuery verwenden können animate() Methode.

jQuery animate() - unter Verwendung von vordefinierten Werten
Demonstriert , dass Sie die vordefinierten Werte verwenden können "hide", "show", "toggle" in der jQuery animate() Methode.

jQuery animate()
Demonstriert mehr die Verwendung von jQuery animate() Methode (mehrere animate() ruft hintereinander).

jQuery animate()
Demonstriert mehr die Verwendung von jQuery animate() Methode (mehrere animate() ruft hintereinander).

Beispiele erklärt


jQuery Stop-Animationen

jQuery stop() Schiebe
Demonstriert die jQuery stop() Methode.

jQuery stop() Animation (mit Parametern)
Demonstriert die jQuery stop() Methode.

Beispiele erklärt


jQuery HTML Get Inhalt und Attribute

jQuery text() und html() - Get Inhalt
Erhalten Sie zufrieden mit dem jQuery text() und html() Methoden.

jQuery val() - Get Inhalt
Erhalten Sie den Wert eines Formularfeld mit dem jQuery val() Methode.

jQuery attr() - Get Attributwert
Erhalten Sie den Wert eines Attributs mit dem jQuery attr() Methode.

Beispiele erklärt


jQuery HTML Set Inhalt und Attribute

jQuery text() , html() und val() - Set Inhalt
Set Inhalt mit den jQuery text() , html() und val() Methoden.

jQuery text() und html() - Set Inhalt mit einer Callback - Funktion
Set Inhalt unter Verwendung einer Callback - Funktion innerhalb + text() und html() .

jQuery attr() - Set Attributwert
Setzen Sie Attributwert mit dem jQuery attr() Methode.

jQuery attr() - mehrere Attributwerte setzen
Legen Sie mehrere Attributwerte mit dem jQuery attr() Methode.

jQuery attr() - Set Attributwert mit einer Callback - Funktion
Setzen Sie Attributwert eine Callback - Funktion innerhalb + mit attr() .

Beispiele erklärt


In jQuery HTML-Elemente / Content

jQuery append()
Inhalt einfügen am Ende der ausgewählten HTML-Elemente.

jQuery prepend()
Inhalt einfügen am Anfang der ausgewählten HTML-Elemente.

jQuery append() - Legen Sie mehrere neue Elemente
Erstellen Sie neue Elemente mit Text / HTML, jQuery und JavaScript / DOM. Dann fügen Sie die neuen Elemente zu dem Text.

jQuery after() und before()
Inhalt einfügen nach und vor den ausgewählten HTML-Elemente.

jQuery after() - Legen Sie mehrere neue Elemente
Erstellen Sie neue Elemente mit Text / HTML, jQuery und JavaScript / DOM. Dann legen Sie die neuen Elemente nach dem ausgewählten Element.

Beispiele erklärt


Entfernen Sie jQuery HTML-Elemente / Content

jQuery remove()
Entfernen Sie das ausgewählte element(s) .

jQuery empty()
Entfernen Sie alle untergeordneten Elemente des ausgewählten element(s) .

jQuery remove() - mit einem Parameter
Filtern Sie die Elemente entfernt werden

Beispiele erklärt


jQuery Holen und CSS-Klassen Set

jQuery addClass()
In Klassenattribute zu verschiedenen Elementen.

jQuery addClass() - Mehrere Klassen
Mehrere Klassen innerhalb des Geben Sie addClass() Methode.

jQuery removeClass()
Entfernen Sie eine bestimmte Klasse Attribut aus verschiedenen Elementen.

jQuery toggleClass()
Umschalten zwischen Hinzufügen / Entfernen von Klassen aus den ausgewählten Elementen.

Beispiele erklärt


jQuery css() Methode

jQuery css() - Rückkehr CSS - Eigenschaft
Bringen Sie den Wert eines bestimmten CSS-Eigenschaft aus dem ersten Element angepasst.

jQuery css() - set CSS - Eigenschaft
Legen Sie eine bestimmte CSS-Eigenschaft für alle Elemente angepasst.

jQuery css() - Set CSS - Eigenschaften
Legen Sie mehrere CSS Eigenschaften für alle Elemente angepasst.

Beispiele erklärt


jQuery Dimensions

jQuery - Rückkehr width() und height()
Gibt die Breite und Höhe eines bestimmten Elements.

jQuery - Rückkehr innerWidth() und innerHeight()
Bringen Sie die Innen Breite / Höhe eines bestimmten Elements.

jQuery - Rückkehr outerWidth() und outerHeight()
Bringen Sie die Außen Breite / Höhe eines bestimmten Elements.

jQuery - Rückkehr outer (true) und outerHeight (true)
Bringen Sie die Außen Breite / Höhe (einschließlich Ränder) eines bestimmten Elements.

jQuery - Rückkehr width() und height() des Dokuments und Fenster
Gibt die Breite und Höhe des Dokuments (das HTML-Dokument) und Fenster (der Browser-Ansichtsfenster).

jQuery - set width() und height()
Legt die Breite und Höhe eines bestimmten Elements.

Beispiele erklärt


jQuery Verfahrgeschwindigkeit Vorfahren

jQuery parent()
Demonstriert die jQuery parent() Methode.

jQuery parents()
Demonstriert die jQuery parents() Methode.

jQuery parentsUntil()
Demonstriert die jQuery parentsUntil() Methode.

Beispiele erklärt


jQuery Verfahrgeschwindigkeit Nachkommen

jQuery children()
Demonstriert die jQuery children() Methode.

jQuery find()
Demonstriert die jQuery find() Methode.

Beispiele erklärt


jQuery Verfahrgeschwindigkeit Geschwister

jQuery siblings()
Demonstriert die jQuery siblings() Methode.

jQuery next()
Demonstriert die jQuery next() Methode.

jQuery nextAll()
Demonstriert die jQuery nextAll() Methode.

jQuery nextUntil()
Demonstriert die jQuery nextUntil() Methode.

Beispiele erklärt


jQuery Verfahrgeschwindigkeit Filtering

jQuery first()
Demonstriert die jQuery first() Methode.

jQuery last()
Demonstriert die jQuery last() Methode.

jQuery eq()
Demonstriert die jQuery eq() Methode.

jQuery filter()
Demonstriert die jQuery - filter() Methode.

jQuery not()
Demonstriert die jQuery not() Methode.

Beispiele erklärt


jQuery AJAX load() Methode

jQuery load()
Laden Sie den Inhalt einer Datei in ein <div> Element.

jQuery load()
Laden Sie den Inhalt eines bestimmten Elements innerhalb einer Datei in ein <div> Element.

jQuery load() - mit Rückruf
Verwenden der jQuery load() Methode mit einer Callback - Funktion.

Beispiele erklärt


jQuery AJAX get() und post() Methoden

jQuery get()
Verwenden Sie die $.get() Methode zum Abrufen von Daten aus einer Datei auf dem Server.

jQuery post()
Verwenden Sie die $.post() Methode einige Daten zusammen mit der Anforderung zu senden.

Beispiele erklärt