Adding jQuery UI to Your Website

By: Dusty Arlia
Published on Saturday, July 13, 2013, 12:17 PM
Last Updated on Friday, July 03, 2015 at 3:50 PM
Total Updates: 2

You can get jQuery UI at It is built around a modular architecture that allows developers to download only what they need for their application (or download all its components). It comes as a zip file to be downloaded. Once extracted on your computer, you will find a JavaScript library and CSS files included.

Place the CSS and JavaScript files in your CSS and JavaScript folders located on your web server. Once there, you are now ready to reference these files from your webpages.

You can reference these files from different locations on your webpage. Some will reference these files from the <head> section of your webpage, while others will add them at the end, just before the </body> tag. The order is important. You should load the CSS first, then the jQuery library, and finally the jQuery UI library.

The challenging part is determining what files you will need and where to place them on your web server. The time spent copying files and getting your jQuery UI code to work, can save you a lot of time in the long-run by avoiding having to develop the newly added feature from scratch.