Thursday, May 14, 2020

Learn JQuery Widgets - Complete List

Hello guys! Welcome to a new section of my tutorial on JQuery. In this tutorial post, am going to be introducing to you guys the various JQuery widgets. I will be using a table to list them out.

A JQuery UI widget is a specialized JQuery plug in. Using plug in, we can apply behaviours to the 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 the plugin's lifetime.

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, i 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 i will attend to them. If you found this tutorial very helpful, you can use 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.