Widget factory

Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets. You can create new widgets from scratch, using just the $.Widget object as a base to inherit from, or you can explicitly inherit from existing jQuery UI or third-party widgets. Defining a widget with the same name as you inherit from even allows you to extend widgets in place. jQuery UI contains many widgets that maintain state and therefore have a slightly different u

Fade effect

The fade effect hides or shows an element by fading it. fade Examples: Toggle a div using the fade effect. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>fade demo</title> <link rel="stylesheet" href="//c

Explode effect

The explode effect hides or shows an element by splitting it into pieces. explode pieces (default: 9) Integer The number of pieces to explode, should be a perfect square, any other values are rounded to the nearest square.

.disableSelection()

Disable selection of text content within the set of matched elements. Disabling text selection is bad. Don't use this. .disableSelection() version added: 1.6, deprecated: 1.9 This method does not accept any arguments.

Buttonset

Themeable button sets. .buttonset() is bundled with .button(). Although they are separate widgets, they are combined into a single file. If you have .button() available, you also have .buttonset() available. A button set provides a visual grouping for related buttons. It is recommended that a button set be used whenever you have a group of related buttons. Button sets work by selecting all appropriate descendants and applying .button() to them. You

.enableSelection()

Enable selection of text content within the set of matched elements. The .enableSelection() method can be used to re-enable selection of text that was disabled via .disableSelection(). .enableSelection() version added: 1.6, deprecated: 1.9 This method does not accept any arguments.

:data() selector

Selects elements which have data stored under the specified key. The expression $( "div:data(foo)") matches a <div> if it has data stored via .data( "foo", value ). jQuery( ":data(key)" ) Examples: Select elements with data and change their background color.

.effect()

Apply an animation effect to an element. The .effect() method applies a named animation effect to an element. Many effects also support a show or hide mode, which can be accomplished with the .show(), .hide(), and .toggle() methods. .effect( effect [, options ] [, duration ] [, complete ] ) effect String

CSS framework

CSS Framework The following is a list of the class names used by jQuery UI. The classes are designed to create a visual consistency across an application and allow components to be themeable by jQuery UI ThemeRoller. The class names are split between ui.core.css and ui.theme.css, depending on whether styles are fixed and structural, or themeable (colors, fonts, backgrounds, etc) respectively. Layout Helpers .ui-helper-hidden: Hides content visually and from assistive technologies, such as scr

Dialog

Open content in an interactive overlay. A dialog is a floating window that contains a title bar and a content area. The dialog window can be moved, resized and closed with the 'x' icon by default. If the content length exceeds the maximum height, a scrollbar will automatically appear. A bottom button bar and semi-transparent modal overlay layer are common options that can be added. Focus Upon opening a dialog, focus is automatically moved to the first