The basic usage of jQuery is introduced earlier. jQueryUI is a JavaScript library that provides GUI control items and animation effects for abstract and customizable themes. Based on the jQueryJavaScript library, interactive Web applications can be constructed. Its basic functions can be: mutual... syntaxHighlighter. all (); This section describes the basic usage of jQuery. jQuery UI is a JavaScript library that provides abstract and customizable GUI controls and animation effects for themes. Based on the jQuery JavaScript library, you can build interactive Web applications. Its basic functions are: Draggable, which allows elements to be dragged by a mouse. Droppable-allows the Control item to accept other dragged elements. Resizable-enables the element to be resized. Selectable: Provides advanced selection of many elements. Sortable makes it easier to sort the list. All control items of the Control item jQuery UI can customize the topic style. Accordion-an Accordion-Scalable Control item. Autocomplete: The text bar is automatically completed based on user input. Button-enhance the Button appearance, convert single choice and check control items into Button type. Datepicker-advanced date selection tool. Dialog Box (Dialog)-display the Dialog box at the top of the page. Menu: displays a multi-class Menu. Progress bar (Progressbar)-a dynamic and static progress indicator bar. Slider-customizable slide and various functions. Fine-tuning selector-Up and down control numeric fine-tuning input bar. Tab (Tabs)-switch control items on the tab that can be embedded or dynamically loaded. Tooltip-a pop-up prompt box. Color Animation-an animated effect that produces a Color transition. Switch Class, add Class, remove Class, and switch Class to make the element style on the page have an animation effect. Effects-various Effects (display, drop-down, explosion, fade-in, etc ). Toggle-Toggle. Hide and show-use the above effects. Position-sets the Position (alignment) of the target element based on another element ). Some UI components for jQuery UI
In the following example, we are still visual studio as the development IDE, from the http://jqueryui.com to the latest version of the jQuery library and supported themes, creating a jQueryUIDemo project: www.2cto.com
The scripts directory stores jquery core and jquery ui library files, and the themes directory stores the built-in themes of jQuery. You can select the topics you like. This tutorial uses the "trontastic" topic. Create a ult.html file as the test page, which is defined as follows: 1234 5 JQuery UI Demos6 7
