Accordion Widget
Convert a pair of headers and content panels into an accordion.
Category: All
.addClass()
Adds the specified class(es) to each of the set of matched elements while animating all style changes.
Autocomplete Widget
Autocomplete enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering.
Blind Effect
The blind effect hides or shows an element by wrapping the element in a container, and “pulling the blinds”
Bounce Effect
The bounce effect bounces an element. When used with hide or show, the last or first bounce will also fade in/out.
Button Widget
Themeable buttons.
Buttonset Widget
Themeable button sets.
Checkboxradio Widget
Converts inputs of type radio and checkbox to themeable buttons.
Clip Effect
The clip effect will hide or show an element by clipping the element vertically or horizontally.
Color Animation
Animate colors using .animate().
Controlgroup Widget
Themeable set of input widgets.
CSS Framework
A list of the class names used by jQuery UI to allow components to be themeable.
.cssClip()
Getter/setter for an object version of the CSS clip property.
:data() Selector
Selects elements which have data stored under the specified key.
Datepicker Widget
Select a date from a popup or inline calendar
Dialog Widget
Open content in an interactive overlay.
.disableSelection()
Disable selection of text content within the set of matched elements.
Draggable Widget
Allow elements to be moved using the mouse.
Drop Effect
The drop effect hides or shows an element fading in/out and sliding in a direction.
Droppable Widget
Create targets for draggable elements.
Easings
Easing functions specify the speed at which an animation progresses at different points within the animation.
.effect()
Apply an animation effect to an element.
.enableSelection()
Enable selection of text content within the set of matched elements.
Explode Effect
The explode effect hides or shows an element by splitting it into pieces.
Fade Effect
The fade effect hides or shows an element by fading it.
:focusable Selector
Selects elements which can be focused.
Fold Effect
The fold effect hides or shows an element by folding it.
Form Reset Mixin
A mixin to call refresh() on an input widget when the parent form gets reset.
.hide()
Hide the matched elements, using custom effects.
Highlight Effect
The highlight effect hides or shows an element by animating its background color first.
Icons
A list of the icons provided by jQuery UI.
jQuery.effects.clipToBox()
Calculates position and dimensions based on a clip animation.
jQuery.effects.createPlaceholder()
Creates a placeholder to support clip animations without disrupting the layout.
jQuery.effects.define()
Defines an effect.
jQuery.effects.removePlaceholder()
Removes a placeholder created with jQuery.effects.createPlaceholder().
jQuery.effects.restoreStyle()
Restores all inline styles for an element.
jQuery.effects.saveStyle()
Stores a copy of all inline styles applied to an element.
jQuery.effects.scaledDimensions()
Scales the dimensions of an element.
jQuery.ui.keyCode
A mapping of key code descriptions to their numeric values.
Widget Factory
Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets.
Widget Plugin Bridge
Part of the jQuery Widget Factory is the jQuery.widget.bridge() method. This acts as the middleman between the object created by $.widget() and the jQuery API.
.labels()
Finds all label elements associated with the first selected element.
Menu Widget
Themeable menu with mouse and keyboard interactions for navigation.
Mouse Interaction
The base interaction layer.
.position()
Position an element relative to another.
Progressbar Widget
Display status of a determinate or indeterminate process.
Puff Effect
Creates a puff effect by scaling the element up and hiding it at the same time.
Pulsate Effect
The pulsate effect hides or shows an element by pulsing it in or out.
.removeClass()
Removes the specified class(es) from each of the set of matched elements while animating all style changes.
.removeUniqueId()
Remove ids that were set by .uniqueId() for the set of matched elements.
Resizable Widget
Change the size of an element using the mouse.
Scale Effect
Shrink or grow an element by a percentage factor.
.scrollParent()
Get the closest ancestor element that is scrollable.
Selectable Widget
Use the mouse to select elements, individually or in a group.
Selectmenu Widget
Duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control.
Shake Effect
Shakes the element multiple times, vertically or horizontally.
.show()
Display the matched elements, using custom effects.
Size Effect
Resize an element to a specified width and height.
Slide Effect
Slides the element out of the viewport.
Slider Widget
Drag a handle to select a numeric value.
Sortable Widget
Reorder elements in a list or grid using the mouse.
Spinner Widget
Enhance a text input for entering numeric values, with up/down buttons and arrow key handling.
Stacking Elements
A pattern for handling z-index and stacking elements.
.switchClass()
Adds and removes the specified class(es) to each of the set of matched elements while animating all style changes.
:tabbable Selector
Selects elements which the user can focus via tabbing.
Tabs Widget
A single content area with multiple panels, each associated with a header in a list.
Theming
.toggle()
Display or hide the matched elements, using custom effects.
.toggleClass()
Add or remove one or more classes from each element in the set of matched elements, depending on either the class’s presence or the value of the switch argument, while animating all style changes.
Tooltip Widget
Customizable, themeable tooltips, replacing native tooltips.
.transfer()
Transfers the outline of an element to another element
Transfer Effect
Transfers the outline of an element to another element
.uniqueId()
Generate and apply a unique id for the set of matched elements.