jQuery UI – Adding jQueryUI to your Web Page

ByWalter Wimberly

jQueryUI is a plugin, just as was discussed earlier, developed by the jQuery team. It can be used to modify the user interface of a webpage using basic jQuery techniques.

To install you will need to include the jQuery JavaScript source file, the jQuery UI JavaScript source file, and the jQuery UI CSS file. The CSS file needs to go in the head. The jQuery JS files needs to be before the jQuery UI JS file. However, they should be toward the bottom of HTML document.


  Sample jQueryUI Page

Note: For jQueryUI 1.10.x, you will need to make sure the version of jQuery you include is at least 1.6.
The JavaScript would have gone like this:

 

You can Watch on YouTube

You can also have a local copy if you don’t want to be dependent upon another website.

One advantage with a local copy is that you can customize your CSS and jQueryUI source files. This allows you to stylize the theme, and only include the methods you want to include, so your file is smaller, and it should load faster for your end-user.

You can Watch on YouTube

You will need to have to a local version if you are going to use a custom theme, which we will be showing next.

jQuery UI – Adding jQueryUI to your Web Page was originally found on Access 2 Learn

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

Similar Posts

2 Comments

  1. Pingback: jQueryUI – Themes — Access 2 Learn
  2. Pingback: jQueryUI – Button — Access 2 Learn

Comments are closed.