Using jQueryUI
Notes:
Using jQuery UI library:
1. Create a new folder with the name jQueryUI Demos
2. Create a folder with the name jquery-ui within the jQueryUI Demos folder
3. Copy and paste the below mentioned files and folders from jquery-ui-1.12.1 folder to jquery-ui folder
external folder
images folder
jquery-ui.min.css file
jquery-ui.min.js file
4. Create and save a new html document with the name default.html in jQueryUI Demos folder
5. Link the necessary jquery ui library CSS and javascript files to default.html document
<link href="jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-ui/external/jquery/jquery.js" type="text/javascript"></script>
<script src="jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
6. Call jQuery UI functions on html elements
<div id="datepicker"></div>
<script type="text/javascript">
$("#datepicker").datepicker();
</script>
Interview Questions:
