JqueryUI Quick Guide
JqueryUI Overview
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 add new functionalities to the jQuery core library.
The set of plug-ins in JqueryUI includes interface interactions, effects, animations, widgets, and themes built on top of jQuery JavaScript Library.
It was released in September 2007, announced in a blog post by John Resig on jquery.com. The latest release, 1.10.4, requires jQuery 1.6 or later version.
jQuery UI is a free, open source software, licensed under the MIT License.
Features
JqueryUI is categorized into four groups, interactions, widgets, effects, utilities. These will be discussed in detail in the subsequent chapters. The structure of the library is as shown in the image below:
Interactions - These are the interactive plugins like drag, drop, resize and more which give the user the ability to interact with DOM elements.
Widgets- Using widgets which are jQuery plugins, you can create user interface elements like accordian,datepicker etc.
Effects - These are built on the internal jQuery effects. They contain a full suite of custom animations and transitions for DOM elements.
Utilities - These are a set of modular tools the JqueryUI library uses internally.
Benefits of JqueryUI
Cohesive and Consistent APIs.
Comprehensive Browser Support
Open Source and Free to Use
Good Documentation.
Powerful Theming Mechanism.
Stable and Maintenance Friendly.
JqueryUI Environment Setup
This chapter will discuss about download and set up of JqueryUI library. We will also briefly study the directory structure and its contents. JqueryUIlibrary can be used in two ways in your web page:
Downloading UI Library from its officialwebiste
Downloading UI Library from CDNs
Download UI Library from its official webiste
When you open the link http://jqueryui.com/, you will see there are three options to downloadJqueryUI library:
Custom Download - Click on this button to download a customized version of library.
Stable - Click on this button to get the stable and latest version of JqueryUIlibrary.
Legacy - Click on this button to get the previous major release of the JqueryUIlibrary.
ليست هناك تعليقات:
إرسال تعليق