I'm very new to web programming (I do desktop development professionally). I want to learn more about web programming, especially using the jQuery library. I see references to jQuery UI and jQuery Tools; I even find that there is some controversy surrounding these.
What is the relationship between jQuery and jQuery UI/jQuery Tools. Is one preferred over the others? Are there any references (besides the respective home pages) for using these libraries?
Thanks
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.
Today, jQuery UI continues to be an important testbed for jQuery Core updates, helping the maintainer team spot bugs and interoperability issues that arise as the web platform evolves. With the launch of jQuery in 2006, web developers were able to access and manipulate DOM and CSS faster and easier than ever before.
It really depends on what you want to do. If you just need basic DOM manipulation, even handling, and things like that, then use jquery. js. If you need advanced UI components and functionality (dragging and dropping, sorting, etc.)
jQuery is a DOM manipulating/traversing and AJAX JavaScript framework. It abstracts out a lot of the complexity between the different browsers automatically. There are countless jQuery plugins that simplify many task. jQuery Mobile is a UI framework geared to mobile applications that is built on jQuery.
There is no relationship between the two libraries except for the fact that they are both built on top of jQuery.
In my experience, both libraries work very well for the set of feature that they provide. You need to have a look at the feature set on the home page and decide on what you need, then make your choice.
You can use both of them at the same time if you need to, so to answer your comment on another answer, using the drag & drop from jQueryUI and tooltip from jQuery Tools is definitely an option. If you can use only one library it's probably best to though. Your code will be clearer (as every library is coded with a different style) and your users will have less javascript files to download when they visit your website.
As for documentation, I would expect you to find more documentation on jQueryUI, as it is used by many people all over the place (I don't have numbers or anything, but my guess is that jQueryUI is used a lot more than jQuery tools). The documentation on the jQueryUI website is amazing and provides examples for every component.
I use jQuery UI a lot because of the drag and drop function, that is not present on jQuery Tools. Some time I use jQuery Tools for the tooltip that is not present on jQuery Ui. So I would say that you would need to check what you need before picking one.
Both have the option to build custom packages with what you need to make them lighter.
In both cases, to learn them the demos are a good place to start, documentation its quite good.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With