Top 100+ Jqueryui Interview Questions And Answers
Question 1. What Is Jquery Ui?
Answer :
It is JavaScript Library that is series of jQuery widgets like datepicker, tabs, autocomplete and so on. We also can add outcomes, interactions (drag, drop, resize) on widgets.
Question 2. What Widets Are Available In Jquery Ui?
Answer :
Accordion
Autocomplete
Button
Datepicker
Dialog
Menu
Progressbar
Selectmenu
Slider
Spinner
Tabs
Tooltip
HTML four Interview Questions
Question three. What Are Different Effects Available In Jquery Ui?
Answer :
Add Class
Color Animation
Easing
Effect
Hide
Remove Class
Show
Switch Class
Toggle
Toggle Class
Question 4. In Which Language, Jquery Ui Is Written?
Answer :
JavaScript
HTML 4 Tutorial
Question 5. Is Jquery Ui Opensource?
Answer :
Yes.
HTML Interview Questions
Question 6. What Is Current Stable Version Of Jquery Ui?
Answer :
1.11.Four / dated 11 March 2015
Question 7. How To Add Css Property On Last Div?
Answer :
$('div:closing').Css(backgroundColor: 'green', fontWeight: 'bolder');
HTML Tutorial HTML five Interview Questions
Question 8. What Is $.Noconflict()?
Answer :
<script src="https://code.Jquery.Com/jquery-1.6.2.Js" type="text/javascript"></script>
<script type="text/javascript">
$.NoConflict()
</script>
When we call to $.NoConflict(). Old references of $ are stored for the duration of jQuery initialization, noConflict() clearly restores them.
Question nine. Can We Use Another Variable Instead Of $ In Jquery? If Yes, How?
Answer :
Yes, we can.
Var jQ = jQuery.NoConflict();
/** Now use jQ instead of $ **/
jQ( "div#pid" ).Disguise();
Zend Interview Questions
Question 10. How To Remove Close Button On The Jquery Ui Dialog Using Css?
Answer :
.Ui-conversation-titlebar-close
visibility: hidden;
HTML 5 Tutorial
Question eleven. How To Remove Close Button On The Jquery Ui Dialog Using Javascript?
Answer :
$("#div2").Conversation(
closeOnEscape: fake,
open: feature(event, ui)
$(".Ui-dialog-titlebar-near", ui.Conversation cover();
);
HTML+Javascript Interview Questions
Question 12. How To Initialize A Dialog Without A Title Bar?
Answer :
var dialogOpts=[]
$("#divId").Dialog(dialogOpts);
//Remove the title bar
$(".Ui-conversation-titlebar").Conceal();
HTML four Interview Questions
Question 13. How To Call Hook Into Dialog Close Event In Jquery Ui?
Answer :
$('div#contentId').On('dialogclose', characteristic(occasion)
//console.Log('closed occasion called');
);
Zend Tutorial
Question 14. How To Download Jquery Ui Css From Google's Cdn?
Answer :
Uncompressed: http://ajax.Googleapis.Com/ajax/libs/jqueryui/1.10.Three/jquery-ui.Js
Compressed: http://ajax.Googleapis.Com/ajax/libs/jqueryui/1.10.3/jquery-ui.Min.Js
Question 15. How To "change Button Text" In Jquery?
Answer :
jQuery Version < 1.6
$("#elementId").Attr('value', 'Save'); //versions older than 1.6
jQuery Version > 1.6
$("#elementId").Prop('cost', 'Save'); //variations more moderen than 1.6
J Query Interview Questions
Question 16. How Can I Disable A Button In A Jquery ?
Answer :
$('#divId').Attr("disabled", genuine);
J Query Tutorial
Question 17. How Do I Keep Jquery Ui Accordion Collapsed By Default?
Answer :
$("#divId").Accordion
(
header: "h4", collapsible: genuine, active: false
);
Javascript Objects Interview Questions
Question 18. How To Call A Dragable Widget?
Answer :
// Make #draggable draggable
$(characteristic ()
$("#draggableDivId").Draggable();
);
HTML Interview Questions
Question 19. How Do I Disable A Jquery-ui Draggable Of Widget?
Answer :
//myObject is widget item.
MyObject.Draggable( 'disable' );
OR, you could set at some stage in the initalization
$("#yourDialogId").Conversation(
draggable: false
);
Javascript Objects Tutorial
Question 20. How To Remove Jquery Ui Autocomplete Helper Text?
Answer :
.Ui-helper-hidden-accessible display:none;
Javascript Advanced Interview Questions
Question 21. How To Set Year In Datepicker?
Answer :
$(".DatepickerClass").Datepicker(
yearRange: '1950:2013',
changeMonth: proper,
changeYear: proper,
showButtonPanel: true,
);
Question 22. How To Set Current Date In Date Picker?
Answer :
$(".DatepickerClass").Datepicker('setDate', new Date());
Javascript Advanced Tutorial
Question 23. How To Change Date Format In Jquery Ui Datepicker?
Answer :
var date = $('#datepickerDivId').Datepicker
(
dateFormat: 'dd-mm-yy'
).
Val();
CodeIgniter Interview Questions
