Explore 100's Of Free Video Tutorials

Keep Learning, Keep Coding & Keep Sharing

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: