1 minutes to finish the JQuery UI

Introduction to the JQuery UI

The jquery UI contains many widgets (widgets) that maintain state, so it is slightly different from the typical jquery plug-in usage pattern. All JQuery UI Widgets (widgets) Use the same pattern, so as long as you learn to use one of them, you know how to use other widgets (widgets).

JQuery UI Component Composition

The JQuery UI is divided into 3 main parts: Interaction, widgets, and effects libraries.

Interaction (Interactions)

Interactive widgets are something related to mouse interaction, including zooming (resizable), dragging (draggable), placement (droppable), selection (selectable), sorting (sortable), and so on.

Widgets (Widgets)

The main is the expansion of some interfaces, including the folding panel (Accordion), auto-complete (Autocomplete), buttons (button), date selector (Datepicker), dialog (Dialog), menu, progress bar (Progress bar), Sliders (slider), spinner (Spinner), tab (Tabs), tooltip (tooltip), etc., the new version of the UI will contain more widgets.

Effect Library (effects)

Used to provide a rich animation effect so that animations are no longer limited to the animate () method of jquery. Includes effects (Effect), display (show), Hide, Toggle (Toggle), add Class (Add Class), remove Class (remove Class), Toggle Class (Toggle Class), Convert class (Switch Class), color Animation (Animation), and so on.

1 minutes to finish the JQuery UI