jQuery vs jQuery Mobile vs jQuery UI?

97

Ich bin neu in der Webentwicklung und es gibt einfach zu viele j * Sachen da draußen. Ich frage mich, was sind die Unterschiede zwischen diesen Frameworks?

Warum reden die Leute viel darüber, ein Plugin mit jQuery zu erstellen? Soll es nicht eine JavaScript-Bibliothek sein, um Ihre Webseite interaktiver zu gestalten?

Chan Le
quelle
3
Nein, dies ist eine bedeutungsvolle Frage für jeden Neuling wie mich (danke, dass du die Frage gestellt und nicht modifiziert hast)!
FredyWenger

Antworten:

196

jQuery ist ein JavaScript-Framework, mit dem Entwickler buchstäblich "weniger schreiben, mehr tun" können. Die drei verschiedenen Geschmacksrichtungen, nach denen Sie fragen, können sehr unterschiedliche Aufgaben ausführen.

Zunächst einmal ist jQuery die Kernbibliothek, die die Hauptfunktionalität des Frameworks enthält. Wenn Sie also ein Element einblenden möchten, fügen Sie jQuery in Ihre Seite ein und rufen dann die fadeIn()Funktion für eines Ihrer Elemente auf.

Die jQuery-Benutzeroberfläche wurde unter Berücksichtigung von Elementen und Interaktionen der Benutzeroberfläche erstellt, für deren Manipulation im Allgemeinen viel Code erforderlich ist. Die Bibliothek enthält also Dinge wie die Möglichkeit, Elemente per Drag & Drop zu verschieben und nützliche Informationen aus diesen Interaktionen zu erhalten. Gleichzeitig liegt der Fokus auf dem Erscheinungsbild, sodass alle Arten von Themen verfügbar sind, um diese leistungsstarken UI-Elemente in dieser Bibliothek zu gestalten.

jQuery Mobile ist ein leistungsstarkes Framework, das auf jQuery aufbaut und speziell für mobile Plattformen entwickelt wurde. Schließlich müssen die Funktionen von Drag & Drop für Touchscreens überdacht werden, ebenso wie Kernfunktionen wie "Hovering", die dies einfach nicht tun existieren auf dem Handy.

Insgesamt können die Frameworks verwendet werden, um die Benutzerfreundlichkeit einer Website zu verbessern und Entwicklern viel Zeit zu sparen. Um mehr über das Framework zu erfahren, besuchen Sie Learning jQuery - eine großartige Ressource für den Einstieg.

Mit Plugins können Webentwickler die Lösung ihres Problems in einen einzigen funktionalen und unabhängigen Block (normalerweise in einer separaten Datei) abstrahieren. Sie können das dann mit allen anderen teilen, damit sie dasselbe tun können. Wenn also jemand eine Galerie-Funktion für eine von ihm erstellte Site erstellt, kann er durch Erstellen eines Plugins den Code problemlos wiederverwenden und anderen helfen, die mit demselben Problem konfrontiert sind.

Tom Walters
quelle
2
Wenn ich jquery mobile verwende, muss ich dann auch jQuery verwenden? Ich meine, bietet jQuery Mobile alle jQuery-Funktionen (außer Maus- / Tastaturereignisse)?
Muhammad Qasim
4
@MuhammadQasim In der Tat benötigen Sie jQuery Core, siehe diese Frage .
Tom Walters
7
jQuery Mobile basiert nicht auf jQueryUI. Sie können dies leicht erkennen, wenn Sie Object.keys($.fn)in beiden Frameworks vergleichen . Ich bin mir nicht sicher, ob dies in der Vergangenheit der Fall war. Heute kann es zu gewissen Inkompatibilitäten zwischen beiden kommen.
user123444555621
3
Für neue Besucher ist jQuery UI noch nicht ganz auf Geschwindigkeit für mobile Entwicklung, aber es ist ein wunderbarer Helfer , die es so macht: touchpunch.furf.com
silencedmessage