We now have a youtube channel. Subscribe!

Learn JQuery Widgets - Complete List



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.


The following below is the list of widgets available in JQuery UI -

Sr.No.Widgets & Description
1Accordion
Enable to collapse the content, that is broken into logical sections.
2Autocomplete
Enable to provides the suggestions while you type into the field.
3Button
Button is an input of type submit and an anchor.
4Datepicker
It is to open an interactive calendar in a small overlay.
5Dialog
Dialog boxes are one of the nice ways of presenting information on an HTML page.
6Menu
Menu shows list of items.
7Progressbar
It shows the progress information.
8Select menu
Enable a style able select element/elements.
9Slider
The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.
10Spinner
It provides a quick way to select one value from a set.
11Tabs
It is used to swap between content that is broken into logical sections.
12Tooltip
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.

Post a Comment

Hello dear readers! Please kindly try your best to make sure your comments comply with our comment policy guidelines. You can visit our comment policy page to view these guidelines which are clearly stated. Thank you.
© 2023 ‧ WebDesignTutorialz. All rights reserved. Developed by Jago Desain