Hello dear readers! Welcome back to another edition of our tutorial on JQuery. In this tutorial post, we are going to be introducing to you the various JQuery widgets. We will be using a table to list them out.
A JQueryUI widget is a specialized JQuery plugin. By using plugin, we can apply behaviours to elements. However, the plugins lack some built in capabilities, such as a way to associate data to its elements, expose methods, merge options with defaults and control plugin's lifetime.
A JQueryUI widget is a specialized JQuery plugin. By using plugin, we can apply behaviours to elements. However, the plugins lack some built in capabilities, such as a way to associate data to its elements, expose methods, merge options with defaults and control plugin's lifetime.
RECOMMENDED POST: JQuery UI Interactions - Complete Guide
The following below is the list of widgets available in JQuery UI -
| Sr.No. | Widgets & Description |
|---|---|
| 1 | Accordion
Enable to collapse the content, that is broken into logical sections.
|
| 2 | Autocomplete
Enable to provides the suggestions while you type into the field.
|
| 3 | Button
Button is an input of type submit and an anchor.
|
| 4 | Datepicker
It is to open an interactive calendar in a small overlay.
|
| 5 | Dialog
Dialog boxes are one of the nice ways of presenting information on an HTML page.
|
| 6 | Menu
Menu shows list of items.
|
| 7 | Progressbar
It shows the progress information.
|
| 8 | Select menu
Enable a style able select element/elements.
|
| 9 | Slider
The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.
|
| 10 | Spinner
It provides a quick way to select one value from a set.
|
| 11 | Tabs
It is used to swap between content that is broken into logical sections.
|
| 12 | Tooltip
Its provides the tips for the users.
|
In our next tutorial post, we will be discussing about the above listed widgets in details with examples.
Alright guys! this is where we are wrapping it up for this tutorial. Feel free to ask your questions where necessary and we will attend to them. If you found this tutorial very helpful, you can make use of the share button to share this tutorial.
Follow us on our various social media handles to stay updated with our latest tutorials. You can also subscribe to our newsletter to get our latest tutorials delivered directly to your emails.
Thanks for reading and bye for now.
Alright guys! this is where we are wrapping it up for this tutorial. Feel free to ask your questions where necessary and we will attend to them. If you found this tutorial very helpful, you can make use of the share button to share this tutorial.
Follow us on our various social media handles to stay updated with our latest tutorials. You can also subscribe to our newsletter to get our latest tutorials delivered directly to your emails.
Thanks for reading and bye for now.