jQuery को विशुद्ध रूप से ब्राउज़र में स्क्रिप्टिंग को सरल और मानकीकृत करने के लिए डिज़ाइन किया गया है। यह निम्न-स्तरीय सामान पर केंद्रित है: तत्व बनाना, DOM में हेरफेर करना, विशेषताओं को प्रबंधित करना, HTTP अनुरोधों को पूरा करना, आदि।
jQueryUI , jQuery के शीर्ष पर निर्मित उपयोगकर्ता इंटरफ़ेस घटकों और सुविधाओं का एक सेट है (यानी इसे काम करने के लिए jQuery की आवश्यकता है): बटन, डायलॉग बॉक्स, स्लाइडर्स, टैब, अधिक उन्नत एनिमेशन, ड्रैग / ड्रॉप कार्यक्षमता।
jQuery और jQueryUI दोनों को आपकी साइट (डेस्कटॉप या मोबाइल) में 'जोड़ा' जाने के लिए डिज़ाइन किया गया है - यदि आप किसी विशेष सुविधा को जोड़ना चाहते हैं, तो jQuery या jQueryUI मदद करने में सक्षम हो सकते हैं।
jQuery मोबाइल , हालांकि, एक पूर्ण ढांचा है। यह एक मोबाइल साइट के लिए आपका शुरुआती बिंदु है। इसके लिए jQuery की आवश्यकता है और मोबाइल-फ्रेंडली साइटों के निर्माण के लिए UI घटक और API दोनों सुविधाएँ प्रदान करने के लिए jQuery और jQueryUI दोनों की सुविधाओं का उपयोग करता है। आप अभी भी इसे जितना चाहें उतना कम या कम उपयोग कर सकते हैं, लेकिन jQuery मोबाइल पूरे व्यूपोर्ट को मोबाइल के अनुकूल तरीके से नियंत्रित कर सकता है यदि आप इसे करते हैं।
एक और बड़ा अंतर यह है कि jQuery और jQueryUI का उद्देश्य आपके HTML और CSS के ऊपर एक परत होना है। आपको केवल अपना मार्कअप छोड़ने और jQuery के साथ इसे बढ़ाने में सक्षम होना चाहिए। हालाँकि, jQuery मोबाइल यह परिभाषित करने के लिए तरीके प्रदान करता है कि आप घटकों को HTML का उपयोग करके कहाँ प्रदर्शित करना चाहते हैं - जैसे (jQuery मोबाइल साइट से):
<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>
data-role
विशेषता एक मोबाइल के अनुकूल यूआई घटक में यह सूची चालू करने के लिए jQuery मोबाइल बताता है और data-inset
और data-filter
के उस समूह के गुण के गुण - जावास्क्रिप्ट की एक पंक्ति लिख बिना। दूसरी ओर, jQueryUI घटक, सामान्य रूप से DOM में घटक को तुरंत लिखने के लिए जावास्क्रिप्ट की कुछ पंक्तियाँ लिखकर बनाए जाते हैं।