examples - Unterschied zwischen jQuery und jQuery Mobile?




jquery mobile themes (3)

Ich bin neu in der Entwicklung von mobilen Websites und habe gerade eine mobile App mit PhoneGap erstellt, die häufig jQuery verwendet.

Aber es gab natürlich ein paar Fehler, die damit zusammenhingen, wie ich die Dinge formatierte und wie sie tatsächlich auf den mobilen Geräten angezeigt wurden, mit denen ich gerade experimentierte, und als ich versuchte, diese herauszuarbeiten, stolperte ich über viele Vorschläge jQuery mobile.

Jetzt verwirrt mich das - jQuery hatte keine Rolle in der Formatierung. Das war nur mein Anfängerkenntnisse in der mobilen CSS, die die Probleme verursacht haben.

Was genau macht jQuery mobile und wie unterscheidet es sich von gewöhnlichem jQuery? Wenn ich jQuery bereits kenne, was wird für mich neu sein?


Haben Sie nicht genug Punkte, um oben zu kommentieren, also fügen Sie dem Thread hinzu, um Andys zweite Frage der Abhängigkeiten zu beantworten.

Ich glaube, was Sie suchen, ist hier: jQuery Mobile Demo

<!DOCTYPE html> 
<html>
<head>
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/[version]/jquery.mobile-    [version].min.css" />
    <script src="http://code.jquery.com/jquery-[version].min.js"></script>
    <script src="http://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.js"></script>
</head>

<body>
    ...content goes here...
</body>
</html>

jQuery ist ein DOM-Manipulations- / Traversierungs- und AJAX-JavaScript-Framework. Es abstrahiert sehr viel Komplexität zwischen den verschiedenen Browsern automatisch. Es gibt unzählige jQuery-Plugins, die viele Aufgaben vereinfachen.

jQuery Mobile ist ein UI-Framework für mobile Anwendungen, das auf jQuery basiert. Es hat Theming- und UI-Komponenten.

Insgesamt sind sie kostenlos. Sie müssen jQuery Mobile nicht verwenden, um jQuery zu verwenden. Um jQuery Mobile zu verwenden, müssen Sie jQuery verwenden.


jQuery wurde entwickelt, um Skripting in verschiedenen Browsern zu vereinfachen und zu standardisieren. Es konzentriert sich auf das Low-Level-Zeug: Erstellen von Elementen, Manipulieren des DOM, Verwalten von Attributen, Ausführen von HTTP-Anfragen usw.

jQueryUI ist eine Sammlung von Benutzeroberflächenkomponenten und Features, die auf jQuery aufbauen (dh es benötigt jQuery): Schaltflächen, Dialogfelder, Schieberegler, Registerkarten, erweiterte Animationen, Drag / Drop-Funktionalität.

jQuery und jQueryUI wurden beide entwickelt, um zu Ihrer Site (Desktop oder Mobile) hinzugefügt zu werden - wenn Sie eine bestimmte Funktion hinzufügen möchten, kann jQuery oder jQueryUI helfen.

jQuery Mobile ist jedoch ein vollständiges Framework. Es soll Ihr Ausgangspunkt für eine mobile Website sein. Es erfordert jQuery und nutzt die Funktionen von jQuery und jQueryUI, um sowohl UI-Komponenten als auch API-Funktionen zum Erstellen von für Mobilgeräte geeigneten Websites bereitzustellen. Sie können immer noch so viel oder so wenig davon verwenden, wie Sie möchten, aber jQuery Mobile kann das gesamte Ansichtsfenster mobilfreundlich steuern, wenn Sie es zulassen.

Ein weiterer wichtiger Unterschied ist, dass jQuery und jQueryUI darauf abzielen, eine Ebene über Ihrem HTML und CSS zu sein. Sie sollten Ihr Markup in Ruhe lassen und mit jQuery erweitern können. JQuery Mobile bietet jedoch Möglichkeiten zu definieren, wo Komponenten nur mit HTML angezeigt werden sollen - zB (von der jQuery Mobile-Site):

<ul data-role="listview" data-inset="true" data-filter="true">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>

Das Attribut " data-role weist jQuery Mobile an, diese Liste in eine für Mobilgeräte optimierte UI-Komponente data-inset und data-filter Attribute " data-inset und " data-filter legen die Eigenschaften fest - ohne eine einzige Zeile JavaScript zu schreiben. jQueryUI-Komponenten hingegen werden normalerweise erstellt, indem einige JavaScript-Zeilen geschrieben werden, um die Komponente im DOM zu instanziieren.





jquery-mobile