jQuery hat sich in fast jeder Trickkiste aller Webentwickler etabliert. Dank der Einfachheit, mit der jQuery uns ermöglicht, komplizierte Ereignisse zu verarbeiten und glatte Animationen auszuführen, ist es das perfekte Werkzeug für Anfänger und erfahrene Entwickler, um ihren Websites ein professionelles Flair zu verleihen.
Hier sind 20 einfache jQuery-Tricks, die Sie auf den Weg zu JavaScript-Glückseligkeit bringen. Das Stichwort hier ist? Einfach? Auch wenn Sie jQuery noch nie verwendet haben, ist dies der perfekte Startpunkt!
Anfänger-Tutorials
Damit Sie sofort loslegen können, finden Sie hier die Anfänger-Tutorials direkt von jQuery.com.
# 1 - jQuery Abgerundete Ecken
Ein kurzer Beitrag aus? 15 Days of jQuery? bei Verwendung der Funktionen wrap, prepend und append, um einen abgerundeten Eckeneffekt zu erzeugen.
# 2 - Bildüberblendungsübergang
3 Einfache Methoden zum Überblenden eines Bildes mit jQuery und CSS in ein anderes.
# 3 - Menü "Fading" - Inhalt ersetzen
Chris Coyier bietet einige der besten kostenlosen Inhalte für das Erlernen von Webdesign. Hier ist eines von vielen jQuery-Tutorials auf seiner Website.
# 4 - Sexy Drop-Down-Menü mit jQuery & CSS
In diesem Schritt-für-Schritt-Lernprogramm erfahren Sie, wie Sie eine dynamische, animierte Benutzeroberfläche für Ihre Website erstellen.
# 5 - Inhaltsbereich mit Registern, der CSS & jQuery verwendet
Ein Oldie, aber ein Bonbon, dies war eines der ersten Tutorials, die jemals auf NetTuts veröffentlicht wurden. Hier habe ich zum ersten Mal von jQuery erfahren!
# 6 - jQuery Twitter Ticker
Erfahren Sie, wie Sie sowohl die Twitter-API als auch jQuery verwenden, um einen gut aussehenden Twitter-Ticker zu erstellen.
# 7 - Vertikales Scrolling-Menü
Dieser Artikel zeigt Ihnen, wie Sie ein wirklich glattes Menü mit vertikalem Bildlauf erstellen. Ein tolles Tutorial, obwohl der Autor zu glauben schien, es sei ein horizontal scrollendes Menü!
# 8 - Easy Display Switch mit CSS und jQuery
Mimic Abduzeedos neue Website und Erstellen eines Schalters zum Ändern Ihres Inhalts von der Listenansicht in die Rasteransicht.
# 9 - Einfaches Umschalten mit CSS & jQuery
Ein großartiges Anfänger-Tutorial, in dem beschrieben wird, wie die Umschaltfunktion verwendet wird.
# 10 - WordPress & jQuery-Kontaktformular ohne Plugin
Ein gut geschriebener und vertiefter Einblick in die Erstellung eines WordPress-Formulars ohne zusätzliches Plugin.
# 11 - jQuery Sequential List
Verwenden Sie jQuery, um die Monotonie aus der Codierung aufeinander folgender Elemente zu entfernen.
# 12 - Erstellen Sie eine Fancy Share Box
Das Teilen von Links zu sozialen Medien auf Ihrer Website hat sich schnell zu einem Standard für die meisten Blogs entwickelt. Verwenden Sie dieses Tutorial, um sich hervorzuheben.
# 13 - Erstellen Sie mit jQuery eine glatte und barrierefreie Diashow
Verwenden Sie diesen atemberaubenden Inhaltsschieberegler, um eine Menge Inhalt auf kleinem Raum unterzubringen.
# 14 - Verwenden von jQuery für Hintergrundbildanimationen
Erstellen Sie auffällige Hintergrundanimationen mit nur wenigen Codezeilen.
# 15 - Animierte Menüs mit jQuery
Ähnlich in Konzept zu # 14, jedoch mit einem subtileren, raffinierteren Effekt.
# 16 - Außerhalb der Box? Navigation mit jQuery
Eine erstaunliche Technik zum Erstellen einer Website-Navigation, die das OS X-Dock nachahmt.
# 17 - Wie implementiere ich einen Newsticker mit jQuery und zehn Codezeilen?
Ein schneller und einfacher Nachrichtenticker von Antonio Lupetti.
# 18 - Erstellen Sie ein beeindruckendes Popup mit jQuery
Dieses Tutorial zeigt Ihnen, wie Sie ein Popup-Fenster erstellen und den Hintergrund ausblenden.
# 19 - jQUery Feed-Menüs
Lernen Sie, einfache und effektive RSS-Feed-Menüs wie in Safari zu erstellen.
# 20 - Erstellen Sie einen Funky Parallax-Hintergrundeffekt
Dieses Tutorial führt Sie durch die Erstellung eines unglaublich einzigartigen 3D-Hintergrundeffekts.
Das war's Leute
Damit sind unsere einfachen jQuery-Tricks zusammengefasst. Verwenden Sie diese Techniken, um auf Ihrer Website erstaunliche Effekte zu erzielen. Hinterlassen Sie einen Kommentar im Feld unten, um Ihre bevorzugten jQuery-Tricks und -Tutorials mitzuteilen.