jQuery UI : Introduction
Learn how to obtain and setup jQuery UI files and resources.
jQuery UI : Getting jQuery UI
Getting jQuery UI is nothing but a set of plugins for jQuery, which adds new capabilities and functionalities to the core jQuery Library.
To download jQuery UI Library , visit here , and get the most latest stable version.
You can create a custom download of jQuery UI library and configure them according to project requirements.
jQuery UI : Setting the Theme
Before getting your customized jQuery UI resources, you need to decide the theme.
You can configure the library in infinite number of ways, you can alter the appearance of almost all aspects.jQuery UI website provides a tool as well for creating custom themes, and also a gallery of predefined themes.
To build you own theme visit here , click the themes section, you get to the ThemeRoller page which displays on the left a set of jQuery UI widgets to choose from.
You can use the Roll your Own Tab to change CSS of almost any element within the jQuery UI library.
The Default theme is called as UI lightness, but for the demos on this website we are gonna use the Hot Sneaks theme, which a flashy new theme.
jQuery UI : Getting a Custom jQuery UI Download
After creating a custom theme, you need to download the jQuery UI resources. jQuery UI allows you the option to Build Your Download using a special page.
This Build Your Download page has a list of jQuery UI components, divided into four functional groups : UI core, Interactions, Widgets, and Effects.
You can select only the features that you need for your project, thus creating a library of smaller size for the browser to download.
jQuery UI : Install jQuery UI for Development
The jQuery UI resources downloaded consists of all files needed for development and production. We will use throughout the tutorials the development files, which comprises of uncompressed source code.
jQuery UI : Adding jQuery UI to your HTML Document.
All images and CSS files should be within the same directory, it ensures that jQuery UI will be able to get all the resources it need.
Example: jQuery UI - Adding jQuery UI files to DocumentGive it a TRY! » Note: There are two buttons, one using jQuery UI styles while the other button has no styles.
If the condition within the if expression is evaluated as false, then the code block within the else part is executed.
If the first if is evaluated as true, then the code block within it is executed. Or else, the following if else conditions are evaluated and if found true, the code block within it get executed.
How does a switch Statement Works?
1. The value of the switch expression is evaluated once in the beginning
2. This switch expression value is then matched against the expressions, called as labels following the keyword case
3. If switch condition is satisfied by any of the cases , then the code block within that case is executed.
4. If none of the cases are matched then the control drops to the default case.
Here , the break statement is used to terminate the program if any of the case satisfies the condition, if omitted then all the cases are matched
If you need a case statement to fall through, do not use the break for that particular case.