jQuery vs jQuery Mobile vs jQuery UI?

javascript jquery jquery-ui jquery-mobile
Chan Le picture Chan Le · Jul 9, 2011 · Viewed 50.5k times · Source

I'm new to web development and there are just too many j* stuff out there. I wonder what are the differences between these frameworks?

Moreover, why do people talk a lot about making a plugin using jQuery? Isn't it supposed to be a JavaScript library to make your web page more interactive?

Answer

Tom Walters picture Tom Walters · Jul 9, 2011

jQuery is a JavaScript framework designed to allow developers to literally "write less, do more", the 3 different flavours you are asking about, do very different things.

First up jQuery is the core library which contains the main functionality of the framework, so if you want to make an element fade in, you would include jQuery on your page, and then call the fadeIn() function on one of your elements.

jQuery UI was created with user-interface elements and interactions in mind that generally require a lot of code to manipulate otherwise. So the library contains things like the ability to drag and drop elements, and get useful information from those interactions. But at the same time there is a focus on the look and feel, therefore there are all sorts of themes available to style these powerful UI elements in this library.

jQuery mobile is a powerful framework built on top of jQuery and designed specifically for mobile platforms - after all the functionality of things like drag and drop needs to be rethought for touch screens, as does core functionality such as "hovering" which simply doesn't exist on mobile.

All together the frameworks can be used to enhance the usability of a site, and really save developers a lot of time. To learn more about the framework visit Learning jQuery - a great resource for getting started.

Plugins allow web developers to take the solution to their problem and abstract it into a single functional and independent block (usually in a separate file). They can then share that with everyone else so that they can do the same. So if someone builds a gallery feature for a site they made, making a plugin would allow them to easily reuse the code, and help others facing the same problem.

Related questions

Long Press in JavaScript?

Is it possible to implement "long press" in JavaScript (or jQuery)? How? (source: androinica.com) HTML <a href="" title="">Long press</a> JavaScript $("a").mouseup(function(){ // Clear timeout return false; }).mousedown(function(){ // Set timeout return false; });

Read More
jQuery Mobile how to check if button is disabled?

I disable the button like this on my jQuery Mobile webpage: $(document).ready(function() { $("#deliveryNext").button(); $("#deliveryNext").button('disable'); }); and i can enable it with $("#deliveryNext").button('enable'); But how do i check if the button is disabled or enabled? …

Read More
How does one disable Caching in jQuery Mobile UI

Tried... <div data-role="page" data-cache="30"> <div data-role="page" data-cache="never"> <div data-role="page" data-cache="false"> <div data-role="page" cache="false"> Nothing seemes to work... so at the moment I'm fixing the problem …

Read More