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