Why jQuery UI ?
jQuery UI contains a set of plugins that provide new features to the core jQuery library. It is categorized into four groups i.e. interactions, widgets, effects, utilities. It is an open-source library that contains different animation effects and widgets that help in the development of highly interactive user-friendly web applications. This library needs very less maintenance. It can be used with almost all browsers.
Download & Installation:
- Go to the official documentation (https://jqueryui.com/) of the jQueryUI and click on the Custom Download button to download a customized version of the library. After downloading the zip file, unzip the files and save them in a folder.
- File Structure: The file structure will look like the following.
- Create an HTML file like index.html and add file links inside head section of code.
<link rel=”stylesheet” href=”jqueryui/jquery-ui.min.css”>
Using CDN Link: Without downloading the jQuery UI files, you can include CDN links inside the head section to run your code.
<link href=”https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css” rel =”stylesheet”>
Example: In this example, we will display the date picker on the page using jQuery UI.
<meta name="viewport" content=
<h1>Welcome to GeeksforGeeks</h1>
<p>Date of Birth:
<input type="text" id="dob">
jQuery UI Complete References: