jQuery Beispiele
Wollen Sie jQuery Fähigkeiten zu verbessern?
jQuery-Selektor
Demonstriert die jQuery hide () Funktion, die aktuelle HTML-Element zu verstecken.
Demonstriert die jQuery hide () Funktion, versteckt alle <p> Elemente.
$ ( ". Test"). Hide ()
Demonstriert die jQuery hide () Funktion, die alle class = "test" Element versteckt.
$ ( "# Test"). Hide ()
Demonstriert die jQuery hide () Funktion, id = "test" Element verstecken.
jQuery-Ereignis
jQuery click ()
Demo jQuery jQuery click () Ereignis.
jQuery dblclick ()
Demo jQuery dblclick () Ereignis.
jQuery MouseEnter- ()
Demo jQuery MouseEnter- () Ereignis.
jQuery mouseleave ()
Demo jQuery mouseleave () Ereignis.
jQuery mousedown- ()
Demo jQuery mousedown- () Ereignis.
jQuery mouseup ()
Demo jQuery mouseup () Ereignis.
jQuery Hover ()
Demo jQuery Hover () Ereignis.
jQuery focus () und blur ()
Demo jQuery focus () und blur () Ereignis.
jQuery Hide / Show
jQuery hide ()
Demo jQuery hide () -Methode.
jQuery hide () und show ()
Demo jQuery hide () und show () -Methode.
jQuery Toggle ()
jQuery Toggle () zum Umschalten hide () und show () -Methode.
jQuery hide ()
Weitere Beispiele für einen verborgenen Text.
jQuery Fade
jQuery fadeIn ()
Demo jQuery fadeIn () -Methode.
jQuery fadeOut ()
Demo jQuery fadeOut () -Methode.
jQuery fadeToggle ()
Demo jQuery fadeToggle () -Methode.
jQuery fadeTo ()
Demo jQuery fadeTo () -Methode.
jQuery slide
jQuery slidedown ()
Demo jQuery slidedown () -Methode.
jQuery slideUp ()
Demo jQuery slideUp () -Methode.
jQuery slideToggle ()
Demo jQuery slideToggle () -Methode.
jQuery Animation
jQuery animieren ()
Demo einfache jQuery animieren () -Methode.
jQuery animieren () - mehrere CSS - Eigenschaft
Demo () Methode, um den Stil von jQuery animieren zu ändern.
jQuery animieren () - die Verwendung der Korrelationswert
Demonstriert, wie die Werte in der jQuery animieren () Methode zu verwenden.
jQuery animieren () - einen vordefinierten Wert mit
Demonstration von vordefinierten "verstecken", "Show", "Toggle" Werte animieren ().
jQuery animieren ()
Demo Mehr jQuery animieren () -Methode Instanz
jQuery animieren ()
Demo Mehr jQuery animieren () -Methode Instanz (multiple belebtes () Callback).
Stoppen Sie jQuery Animationen
jQuery stop () slide
Demo jQuery stop () -Methode.
jQuery stop () Anime (Parameter)
Demo jQuery stop () -Methode.
jQuery HTML Get und Eigentum
jQuery text () und html () - erhalten Sie den Text und Inhalt
Verwenden Sie jQuery text () und html () Methode, um den Inhalt zu erhalten.
jQuery val () - Ruft den Wert
Verwenden Sie jQuery val () -Methode die Formularfeldwerte zu erhalten.
jQuery attr () - Ermittelt den Eigenschaftswert
Verwenden Sie jQuery attr () -Methode den Wert der Eigenschaft zu erhalten.
jQuery HTML-Inhalte und Eigenschaften festlegen
jQuery text (), HTML () , und val () - Setzt den Inhalt
Verwenden Sie jQuery text (), HTML () und val () Methode, den Inhalt zu setzen.
jQuery text () und html () - den Inhalt gesetzt und eine Rückruffunktion verwenden
Verwendung von Text () und html (), um den Inhalt festgelegt und eine Rückruffunktion verwenden
jQuery attr () - , um Eigenschaftswerte
Verwenden Sie jQuery attr () -Methode Eigenschaftswerte einzustellen.
jQuery attr () - mehrere Eigenschaftswerte gesetzt
Verwenden Sie jQuery attr () -Methode mehrere Eigenschaftswerte einzustellen.
jQuery attr () - , um die Eigenschaftswerte eine Callback - Funktion
+ Und Eigenschaftswerte setzen eine Callback-Funktionsaufruf attr () verwenden.
jQuery HTML-Elemente / Inhalte hinzufügen
jQuery anfügen ()
Am Ende der ausgewählten Elemente fügen Sie Inhalt
jQuery prepend ()
Am Anfang der ausgewählten Elemente fügen Sie Inhalt
jQuery append () - Einfügen mehrerer Elemente
Innovative neue Text / HTML-Elemente, jQuery und JavaScript / DOM. Hinzufügen eines neuen Elements in den Text ein.
jQuery nach () und vor ()
Vor und nach dem ausgewählten Element in HTML-Elemente hinzufügen.
jQuery nach () - Einfügen mehrerer Elemente
Innovative neue Text / HTML-Elemente, jQuery und JavaScript / DOM. Am Ende des ausgewählten Elements neue Elemente einzufügen.
jQuery HTML-Elemente werden entfernt / content
jQuery entfernen ()
Entfernen Sie ausgewählte Element
jQuery empty ()
Entfernen Sie ausgewählte Elemente aller untergeordneten Elemente
jQuery entfernen () - Parameter
Und entfernen Sie das Filterelement
jQuery Holen und CSS-Klassen Set
jQuery addClass ()
In verschiedenen Elemente Klassenattribut
jQuery addClass () - mehr als eine Klasse
Verwenden Sie addClass () -Methode mehrere Klassen hinzufügen
jQuery removeClass ()
Entfernt das angegebene Element der Klasse
jQuery toggleClass ()
In ausgewählten Schaltelemente (hinzufügen / entfernen) Klasse
jQuery CSS () -Methode
jQuery CSS () - Liefert die CSS - Eigenschaft
Gibt die erste passende Element CSS-Eigenschaft Werte
jQuery CSS () - CSS - Eigenschaften festlegen
Stellen Sie alle Konfigurationselemente angegebenen CSS-Eigenschaft
jQuery CSS () - CSS - Eigenschaften festlegen
Eine Vielzahl von Elementen CSS-Eigenschaften passend
jQuery Dimensions
jQuery - gibt die Breite () und Höhe ()
Gibt das angegebene Element Breite und Höhe
jQuery - kehrt innerwidth () und innerheight ()
Gibt das angegebene Element des Innen Breite / Höhe
jQuery - gibt outer () und outerHeight ()
Gibt das angegebene Element der äußeren Breite / Höhe
jQuery - gibt outer (true) und outerHeight (true)
Gibt das angegebene Element der äußeren Breite / Höhe (einschließlich des äußeren Rahmens)
jQuery - gibt die Breite () und Höhe () des Dokuments und Fenster
Gibt das HTML-Dokument und die Fensterbreite und Höhe
jQuery - Rahmen Breite () und Höhe ()
Einstellen der Breite und Höhe angegebenen Elements
jQuery Traversal - Vorfahren
jQuery parent ()
Demo jQuery parent () -Methode.
jQuery Eltern ()
Demo jQuery Eltern () -Methode.
jQuery parentsUntil ()
Demo jQuery parentsUntil () -Methode.
jQuery Traversal - Nachkommen
jQuery Kinder ()
Demo jQuery Kinder () -Methode.
jQuery finden ()
Demo jQuery find () Methode.
jQuery Traversal - Mitbürger (Geschwister)
jQuery Geschwister ()
Demo jQuery Geschwister () -Methode.
jQuery next ()
Demo jQuery nächste () -Methode.
jQuery nextAll ()
Demo jQuery nextAll () -Methode.
jQuery nextUntil ()
Demo jQuery nextUntil () -Methode.
jQuery AJAX Methode load ()
jQuery load ()
Asynchrone Laden der Dateiinhalt und in das <div> Element.
jQuery load ()
Asynchrone Datei laden Inhalt Elementinhalt angegeben und in das <div> Element.
jQuery load () - verwenden , um eine Callback - Funktion (Callback)
Verwenden Sie jQuery load () -Methode der Callback-Funktion.
jQuery AJAX get () und post () Methode
jQuery get ()
Mit $ .get () -Methode, um Daten vom Server abgerufen werden asynchron
jQuery post ()
Mit dem $ .post () -Methode, um Daten vom Server abgerufen werden asynchron