Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery vs jQuery Mobile vs jQuery UI?

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?

like image 359
Chan Le Avatar asked Jul 09 '11 17:07

Chan Le


People also ask

Is jQuery and jQuery UI same?

JQuery is basically the base of JQuery UI and is the more powerful between the two. It should be used for more advanced work that requires custom code and interactions. For basic user interface needs, using the JQuery UI is very beneficial as it reduces the complexity of coding and speeds up the entire process.

Does jQuery UI work on mobile?

jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.

What is jQuery and jQuery UI?

Advertisements. JqueryUI is a powerful Javascript library built on top of jQuery JavaScript library. UI stands for User interface, It is a set of plug-ins for jQuery that adds new functionalities to the jQuery core library.

Is jQuery UI still used?

That said, jQuery still has its uses. For one, it's been used in countless projects ranging from enterprise ecommerce apps to simple landing pages. Secondly, jQuery is still good for certain things, such as rapid prototyping and even animation if you aren't good with CSS.


1 Answers

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.

like image 109
Tom Walters Avatar answered Sep 25 '22 12:09

Tom Walters