jQuery est purement conçu pour simplifier et normaliser les scripts entre les navigateurs. Il se concentre sur les choses de bas niveau: créer des éléments, manipuler le DOM, gérer les attributs, effectuer des requêtes HTTP, etc.
jQueryUI est un ensemble de composants et de fonctionnalités d'interface utilisateur construits sur jQuery (c'est-à-dire qu'il a besoin de jQuery pour fonctionner): boutons, boîtes de dialogue, curseurs, onglets, animations plus avancées, fonctionnalité glisser / déposer.
jQuery et jQueryUI sont tous deux conçus pour être `` ajoutés '' à votre site (bureau ou mobile) - si vous souhaitez ajouter une fonctionnalité particulière, jQuery ou jQueryUI peut vous aider.
jQuery Mobile , cependant, est un framework complet. Il est destiné à être votre point de départ pour un site mobile. Il nécessite jQuery et utilise les fonctionnalités de jQuery et jQueryUI pour fournir à la fois des composants d'interface utilisateur et des fonctionnalités API pour la création de sites adaptés aux mobiles. Vous pouvez toujours en utiliser autant ou aussi peu que vous le souhaitez, mais jQuery Mobile peut contrôler l'ensemble de la fenêtre d'affichage d'une manière adaptée aux mobiles si vous le permettez.
Une autre différence majeure est que jQuery et jQueryUI visent à être une couche au-dessus de votre HTML et CSS. Vous devriez pouvoir laisser votre balisage seul et l'améliorer avec jQuery. Cependant, jQuery Mobile fournit des moyens de définir où vous voulez que les composants apparaissent en utilisant uniquement HTML - par exemple (à partir du site jQuery Mobile):
<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>
L' data-role
attribut indique à jQuery Mobile de transformer cette liste en un composant d'interface utilisateur adapté aux mobiles et les attributs data-inset
et data-filter
définissent les propriétés de celui-ci - sans écrire une seule ligne de JavaScript. Les composants jQueryUI, par contre, sont normalement créés en écrivant quelques lignes de JavaScript pour instancier le composant dans le DOM.