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
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, 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.
Share:

0 comments:

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.