Jqueryui Interview Questions with 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:
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