Objectives and outcomes

In this tutorial we are going to learn about setting up jqueryUI environment on localhost as well as using CDNs(content delivery network).

Setting up jquery ui environment on localhost

You can download jquery ui package from jqueryui.com. Download the stable version or if you want to download package according to your needs then you can use custom download option.

Note: To use jquery ui you also have to link jquery libraries to the document.

The package will consist of jqueryui css and js files and an images folder. Remember always keep jquery ui css and js files and images folder at the same place otherwise some icons and images will not appear when you will use jquery ui interaction and widgets.

Setting up jquery ui environment using CDNs

Google, Microsoft and Jquery foundation all provide host that serve jquery as well as jquery ui libraries. You can use the following code to link jquery ui libraries :

<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>