Top 100+ Jquery Mobile Interview Questions And Answers
Question 1. How To Divide A Page Into Parts Using Jquery Mobile?
Answer :
Pages usually do not have a fixed height.
If you set a web page or some element on a web page to a hard and fast top the use of CSS, then you may length matters in terms of %.
You'll want to apply a piece of Javascript to set the web page height.
Here's one way to get the tool peak:
var viewportHeight = record.DocumentElement.ClientHeight;
Here's another (that I haven't tried, but should work) because jQuery Mobile units the device peak as min-top CSS for the page. (And assuming you have already got a $web page variable with the page.)
var viewportHeight = parseFloat($page.Css('min-height'));
Then, you may:
$web page.Peak(viewportHeight + 'px');
Question 2. Why We Need Jquery Mobile?
Answer :
jQuery Mobile is a touch-optimized web framework (additionally referred to as a JavaScript library or a cellular framework) currently being evolved via the jQuery task crew. The improvement specializes in growing a framework well suited with a huge form of smartphones and tablet computer systems, made vital via the developing but heterogeneous tablet and phone marketplace. The jQuery Mobile framework is compatible with different cellular app frameworks and structures together with PhoneGap, Worklight and greater.
Java Script Interview Questions
Question three. Explain The Features Of Jquery Mobile?
Answer :
Compatible with all principal cellular platforms in addition to all primary computer browsers, which include iOS, Android, Blackberry, WebOS, Symbian, Windows Phone, and greater.
Built on pinnacle of jQuery center so it has a minimum gaining knowledge of curve for human beings already familiar with jQuery syntax.
Theming framework that lets in introduction of custom subject matters.
Limited dependencies and light-weight to optimize velocity.
The same underlying codebase will automatically scale to any display screen
HTML5-pushed configuration for laying out pages with minimal scripting
Ajax-powered navigation with lively page transitions that gives ability to easy URLs through pushState.
UI widgets which are touch-optimized and platform-agnostic
Question 4. Tell Me An Example Usage Of Jquery Mobile?
Answer :
$('div').On('tap', characteristic(occasion)
alert('You tapped an detail');
);
Java Script Tutorial
Question five. What Is Jquery Mobile Theming?
Answer :
jQuery Mobile gives a powerful theming framework that allows builders to customise color schemes and sure CSS aspects of UI capabilities. Developers can use the jQuery Mobile ThemeRoller software to personalize these appearances and create fantastically branded experiences. After growing a topic in the ThemeRoller software, programmers can down load a custom CSS record and consist of it in their challenge to use their custom theme.
ASP.NET Interview Questions
Question 6. How To Keep The Submit Text From Showing With Jquery Mobile?
Answer :
Suppose we're operating on a website that has a post button and bureaucracy and such. On this website we the use of jQuery Mobile, but to hold its stylesheet from interfering we the use of some jQuery.
JQuery Mobile is doing a peculiar component wherein it's miles printing the value of the button, in this situation "Submit", to the web page, despite the fact that below it there may be a button below it that asserts "Submit" and in fact works.
Question 7. How Does Jquery Mobile Theming Work?
Answer :
The jQuery Mobile theme system separates color and texture from structural patterns that define things like padding and dimensions. This permits subject matter colorations and textures to be described as soon as in the stylesheet and to be mixed, matched, and mixed to attain a huge range of visible results.
ASP.NET Tutorial UI Developer Interview Questions
Question eight. Why Html five Inputs Look Different Across Devices And Browsers?
Answer :
jQuery Mobile does no longer have control over the the UI for maximum of the newer HTML5 input elements like date, coloration and variety. The keyboards and pickers supplied are browser-structured but will adequately fall returned to a trendy enter if it is no longer supported. We do apply basic border and color patterns to inputs for those factors so there may be a few visual consistency.
Question nine. Why Are Not Some Scripts And Styles Loading?
Answer :
jQuery Mobile's AJAX navigation device most effective loads in the contents of the web page wrapper, the scripts and styles inside the head are discarded so you want to devise how to load and organize these property.
Node.Js Interview Questions
Question 10. Why Is Not Dom Ready Working For Jquery Mobile?
Answer :
One of the first things human beings examine in jQuery is to use the $(record).Ready() function for executing DOM-precise code as soon as the DOM is ready (which often occurs lengthy before the onload occasion). However, in jQuery Mobile site and apps, pages are asked and injected into the same DOM because the person navigates, so the DOM ready occasion is not as useful, because it most effective executes for the first web page. To execute code whenever a brand new web page is loaded and created in jQuery Mobile, you could bind to the pageinit occasion.
Node.Js Tutorial
Question eleven. Why Is Only The First Page Of Multi Page Document Loaded?
Answer :
jQuery Mobile presently handiest helps loading of single page documents through AJAX. To navigate to a multi web page report you must disable ajax on the hyperlink through including the information-ajax="false" characteristic.
CSS Advanced Interview Questions
Question 12. How To Control Page Titles In Jquery Mobile?
Answer :
When you load the primary web page of a jQuery Mobile based totally web site, then click on a hyperlink or publish a shape, AJAX is used to tug inside the content of the requested web page. Having both pages in the DOM is crucial to permit the animated web page transitions, but one disadvantage of this technique is that the page name is continually that of the primary page, not the subsequent page you are viewing. To treatment this, jQuery Mobile routinely parses the name of the page pulled through AJAX and modifications the name attribute of the determine record to suit.
Java Script Interview Questions
Question 13. Why Content Injected Into A Page Is Not Enhanced?
Answer :
jQuery Mobile has no manner to recognise when you have injected content into a page. To let jQuery Mobile understand you have got injected content material that should be more desirable, you need to both make sure the plugins are referred to as to beautify the brand new factors or cause("create") on the determine field so you don't have to name every plugin manually.
CSS Advanced Tutorial
Question 14. How To Stop Jqm From Auto-improving An Element?
Answer :
To save you jQuery Mobile shape enhancing an detail simply add statistics-function="none" to the element. Here is a pick that is the ordinary, native element rather than the custom jQuery Mobile styled version that usually is seen.
Question 15. How To Load A Page Using Jquery Mobile?
Answer :
To load an external page, enhance its content material, and insert it into the DOM, use the loadPage technique. There are a number of strategies and properties that you can set when loading pages.
JqueryUI Interview Questions
Question sixteen. What Is $('div')?
Answer :
$('div') : This creates a brand new div detail. However this is not brought to DOM tree until you do not append it to any DOM element.
JqueryUI Tutorial
Question 17. Where Jquery Mobile Works?
Answer :
jQuery Mobile works on all popular smartphones and tablets.
Phonegap Interview Questions
Question 18. Why Do We Use Jquery?
Answer :
Due to following blessings:
Easy to use and research.
Easily expandable.
Cross-browser aid (IE 6.Zero+, FF 1.5+, Safari 2.0+, Opera nine.Zero+)
Easy to apply for DOM manipulation and traversal.
Large pool of built in methods.
AJAX Capabilities.
Methods for changing or making use of CSS, growing animations.
Event detection and dealing with.
Tons of plug-ins for all type of needs.
ASP.NET Interview Questions
Question 19. Can You Please Explain The Difference Between Javascript And Jquery?
Answer :
JavaScript is a language While jQuery is a library constructed in the JavaScript language that enables to use the JavaScript language.
Phonegap Tutorial
Question 20. Explain Is Jquery Replacement Of Java Script?
Answer :
No. JQuery isn't a substitute of JavaScript. JQuery is a distinct library that's written on pinnacle of JavaScript. JQuery is a lightweight JavaScript library that emphasizes interplay between JavaScript and HTML.
JSON (JavaScript Object Notation) Interview Questions
Question 21. Tell Me Is Jquery A Library For Client Scripting Or Server Scripting?
Answer :
Client side scripting.
Question 22. Tell Me Is Jquery A W3c Standard?
Answer :
No. JQuery isn't a W3C general.
JSON (JavaScript Object Notation) Tutorial
Question 23. Explain The Basic Need To Start With Jquery?
Answer :
To begin with jQuery, one want to make reference of it is library.
Mobile Developer Interview Questions
Question 24. Explain The Starting Point Of Code Execution In Jquery?
Answer :
The starting point of jQuery code execution is $(document).Geared up() feature that's executed when DOM is loaded.
UI Developer Interview Questions
Question 25. Tell Me What Does Dollar Sign ($) Means In Jquery?
Answer :
Dollar Sign is not anything however it is an alias for JQuery.
Take a look at beneath jQuery code.
$(document).Ready(characteristic());
Over here $ sign may be replaced with "jQuery" keyword.
JQuery(document).Geared up(characteristic());
Twitter Marketing Tutorial
Question 26. Tell Me Can We Have Multiple Document.Equipped() Function On The Same Page?
Answer :
YES. We could have any range of report.Equipped() function on the identical page.
Twitter Marketing Interview Questions
Question 27. Is It Possible To Use Our Own Specific Character In The Place Of $ Sign In Jquery?
Answer :
Yes. It is feasible using jQuery.NoConflict().
Node.Js Interview Questions
Question 28. Explain Jquery.Noconflict?
Answer :
As different purchaser facet libraries like MooTools, Prototype can be used with jQuery and in addition they use $() as their worldwide function and to define variables. This state of affairs creates conflict as $() is used by jQuery and different library as their international function. To overcome from such conditions, jQuery has added jQuery.NoConflict().
JQuery.NoConflict();
// Use jQuery through jQuery(...)
jQuery(file).Equipped(characteristic()
jQuery("div").Conceal();
);
Question 29. Can You Please Explain The Difference Between Body Onload() And Document.Prepared() Function?
Answer :
Document.Equipped() feature isn't like body onload() feature for 2 reasons.
We could have multiple file.Ready() function in a page in which we can have simplest one frame onload feature.
Document.Geared up() characteristic is referred to as as quickly as DOM is loaded wherein body.Onload() function is referred to as while the whole lot receives loaded at the web page that consists of DOM, images and all associated assets of the web page.
Bootstrap3 Interview Questions
Question 30. Can You Please Explain The Difference Between .Js And .Min.Js?
Answer :
jQuery library is available in 2 distinctive versions Production and Deployment. The deployment model is likewise known as minified model. So .Min.Js is largely the minified model of jQuery library report. Both the files are equal as far as capability is worried. However .Min.Js is pretty small in length so it hundreds fast and saves bandwidth.
Question 31. What Are Two Different Version Of Jquery Library?
Answer :
jQuery library is available in 2 distinct variations:
Production
Deployment
Question 32. Explain Why There Are Two Different Version Of Jquery Library?
Answer :
The production version is pretty useful at development time as jQuery is open supply and if you need to change some thing then you can make the ones modifications in manufacturing version. But the deployment version is minified model or compressed model so it's miles impossible to make changes in it. Because it's miles compressed, so its size is very much less than the production model which influences the web page load time.
W3c Interview Questions
Question 33. Explain Cdn?
Answer :
A content delivery network or content distribution community (CDN) is a massive allotted gadget of servers deployed in a couple of facts facilities throughout the Internet. The goal of a CDN is to serve content material to end-customers with excessive availability and high performance.
CSS Advanced Interview Questions
Question 34. What Are The Popular Jquery Cdn?
Answer :
Google
Microsoft
jQuery
Question 35. What Are The Advantage Of Using Cdn?
Answer :
It reduces the weight from your server.
It saves bandwidth. JQuery framework will load quicker from those CDN.
The most essential benefit is it will be cached, if the user has visited any web page which is the usage of jQuery framework from any of those CDN.
Question 36. Tell Me What Does $("div") Will Select?
Answer :
This will pick out all of the div elements on web page.
JqueryUI Interview Questions
Question 37. What To Do To Select Element Having A Particular Class (".Decided on")?
Answer :
$('.Selected'). This selector is referred to as class selector. We need to prefix the class name with "." (dot).
Question 38. Which Are The Fastest Selectors In Jquery?
Answer :
ID and detail selectors are the fastest selectors in jQuery.
Question 39. Tell Me What Are The Slow Selectors In Jquery?
Answer :
class selectors are the gradual compare to ID and element.
Question 40. Explain The Use Of Jquery .Every() Function?
Answer :
The $.Every() function is used to iterate over a jQuery object. The $.Each() function may be used to iterate over any collection, whether or not it's far an object or an array.
Phonegap Interview Questions
Question forty one. Tell Me How To Executed Jquery Selectors?
Answer :
Your remaining selectors is always executed first. For example, in below jQuery code, jQuery will first find all the elements with elegance ".MyCssClass" and after that it will reject all the different factors which aren't in "p#elmID".
Question 42. What Is Jquery.Length()?
Answer :
jQuery .Size() approach returns wide variety of detail inside the object. But it is not preferred to apply the scale() method as jQuery offer.
JSON (JavaScript Object Notation) Interview Questions
Question 43. What Is .Get rid of()?
Answer :
Use .Do away with() whilst you want to remove the element itself, as well as the entirety interior it. In addition to the factors themselves, all bound activities and jQuery information associated with the elements are removed.
Question 44. What Is .Empty()?
Answer :
This technique gets rid of all of the toddler element of the matched detail in which put off() approach removes set of matched factors from DOM.
Question 45. Tell Me How Do You Stop The Currently-strolling Animation?
Answer :
Using jQuery ".Forestall()" technique.
Question forty six. Tell Me How To Disable Jquery Animation?
Answer :
Using jQuery belongings "jQuery.Fx.Off", which when set to authentic, disables all the jQuery animation. When that is achieved, all animation techniques will right now set factors to their very last country whilst known as, instead of showing an impact.
Question forty seven. What Is Get()?
Answer :
get() go back a DOM element. The technique retrieve the DOM factors matched with the aid of the jQuery object. But as it's miles a DOM detail and it is not a jQuery-wrapped object. So jQuery capabilities can not be used.
Question forty eight. What Is Eq()?
Answer :
eq() returns the detail as a jQuery object. This technique constructs a new jQuery item from one detail within that set and returns it. That manner that you could use jQuery functions on it.
Question forty nine. Can You Please Explain The Difference Between Parent() And Parents() Methods In Jquery?
Answer :
The fundamental distinction is the determine() function travels best one stage within the DOM tree, wherein dad and mom() feature seek thru the whole DOM tree.
Question 50. What Is Jquery.Period?
Answer :
.Length property and which does the identical thing. But the .Length belongings is desired as it does no longer have the overhead of a characteristic call.
Question 51. What Is .Detach()?
Answer :
This method is the same as .Eliminate(), except that .Detach() keeps all jQuery facts related to the eliminated factors. This method is useful when eliminated factors are to be reinserted into the DOM at a later time.
Question 52. What Is .Bind()?
Answer :
This is the very best and short approach to bind occasions. But the issue with bind() is that it does not work for elements brought dynamically that fits the same selector. Bind() handiest attach occasions to the modern-day elements not destiny element. Above that it additionally has overall performance troubles while coping with a massive selection.
Question fifty three. Explain .On()?
Answer :
Since stay was deprecated with 1.7, so new technique turned into brought named ".On()". This approach affords all the goodness of previous 3 strategies and it brings uniformity for attaching occasion handlers.
Question fifty four. Explain .Delegate()?
Answer :
The .Delegate() approach behaves in a similar style to the .Stay() method, however instead of attaching the selector/occasion statistics to the file, you may pick out wherein it's miles anchored and it additionally helps chaining.
Question fifty five. Explain .Stay()?
Answer :
This approach overcomes the downside of bind(). It works for dynamically brought factors or destiny elements. Because of its negative performance on large pages, this technique is deprecated as of jQuery 1.7 and also you need to forestall the usage of it. Chaining isn't always nicely supported the usage of this technique.
Question fifty six. Can You Please Explain The Difference Between Prop And Attr?
Answer :
attr(): Get the value of an attribute for the primary detail inside the set of matched elements. Whereas,.Prop(): (Introduced in jQuery 1.6) Get the price of a assets for the primary element within the set of matched factors.
Attributes convey additional records approximately an HTML detail and are available name="price" pairs. Where Property is a representation of an attribute within the HTML DOM tree. Once the browser parse your HTML code ,corresponding DOM node will be created which is an object consequently having homes.
Attr() offers you the price of element as it became defines in the html on web page load. It is usually recommended to use prop() to get values of factors which is changed via javascript/jquery , as it offers you the original value of an element's cutting-edge state
Question 57. Tell Me How To Check Data Type Of Any Variable In Jquery?
Answer :
Using $.Type(Object) which returns the built-in JavaScript kind for the object.
Question 58. Tell Me How To Check If Number Is Numeric While Using Jquery 1.7+?
Answer :
Using "isNumeric()" feature which changed into brought with jQuery 1.7+.
Question 59. Can You Please Explain The Difference Between Event.Preventdefault And "return False"?
Answer :
e.PreventDefault() will save you the default event from taking place, e.StopPropagation() will prevent the occasion from effervescent up and go back fake will do both.
Question 60. What Is Event.Stoppropagation?
Answer :
occasion.StopPropagation(): Prevents the event from bubbling up the DOM tree, stopping any parent handlers from being notified of the event. For instance, if there may be a hyperlink with a click method attached inner of a DIV or FORM that still has a click on approach attached, it's going to prevent the DIV or FORM click on approach from firing.
Question 61. Explain Event.Preventdefault?
Answer :
The event.PreventDefault() method stops the default action of an element from taking place. For instance, Prevents a hyperlink from following the URL.
Question sixty two. Can We Include Multiple Version Of Jquery?
Answer :
Yes. Multiple versions of jQuery may be protected in same page.
Question 63. Explain Chaining In Jquery?
Answer :
Chaining is one of the maximum effective feature of jQuery. In jQuery, Chaining way to attach multiple features, occasions on selectors. It makes your code quick and clean to manage and it offers higher performance. The chain starts from left to proper. So left maximum can be called first and so on.
$(document).Prepared(feature()
$('#dvContent').AddClass('dummy');
$('#dvContent').Css('color', 'pink');
$('#dvContent').FadeIn('slow');
);?
The above jQuery code sample may be re-written using chaining.
?$(report).Ready(feature()
$('#dvContent').AddClass('dummy')
.Css('shade', 'purple')
.FadeIn('gradual');
);?
Not only capabilities or methods, chaining also works with events in jQuery
Question 64. Explain Various Methods To Make Ajax Request In Jquery?
Answer :
Using beneath jQuery techniques, you could make ajax calls:
load() : Load a chunk of html right into a box DOM
$.GetJSON(): Load JSON with GET technique.
$.GetScript(): Load a JavaScript report.
$.Get(): Use to make a GET name and play notably with the reaction.
$.Publish(): Use to make a POST call and do not need to load the response to a few container DOM.
$.Ajax(): Use this to do something on XHR failures, or to specify ajax options (e.G. Cache: real) at the fly.
Question 65. Is It Possible To Use Jquery To Make Ajax Request?
Answer :
Yes. JQuery can be used for making ajax request.
Question 66. Tell Me How To Write Browser Specific Code Using Jquery?
Answer :
Using jQuery.Browser property, we can write browser specific code. This assets includes flags for the useragent, study from navigator.UserAgent. This belongings become eliminated in jQuery 1.9.
Question 67. Tell Me How To Use Migrate Jquery Plugin If Possible?
Answer :
with release of 1.9 model of jQuery, many deprecated techniques were discarded and they're not to be had. But there are numerous web sites in production which are nonetheless the use of these deprecated features and it's no longer viable to update them in a single day. So jQuery crew provided with jQuery Migrate plugin that makes code written previous to 1.Nine paintings with it.
So to use vintage/deprecated features, all you need to do is to offer reference of jQuery Migrate Plugin.
Question sixty eight. Explain Source Maps In Jquery?
Answer :
In case of jQuery, Source Map is not anything however mapping of minified model of jQuery towards the un-minified model. Source map permits to debug minified version of jQuery library. Source map feature become launch with jQuery 1.Nine.
Question sixty nine. Tell Me Does Jquery 2.0 Supports Ie?
Answer :
No. JQuery 2.Zero has no support for IE 6, IE 7 and IE 8.
Question 70. Explain Deferred And Promise Object In Jquery?
Answer :
Deferred and promise are a part of jQuery considering model 1.5 and that they assist in managing asynchronous capabilities like Ajax.
Question seventy one. Explain Finish Method In Jquery?
Answer :
The .End() method stops all queued animations and places the detail(s) of their final kingdom. This method turned into delivered in jQuery 1.9.
Question seventy two. Can You Please Explain The Difference Between Calling Stop(proper,authentic) And Finish Method?
Answer :
The .End() method is similar to .Stop(genuine, authentic) in that it clears the queue and the contemporary animation jumps to its cease fee. It differs, however, in that .End() additionally reasons the CSS property of all queued animations to leap to their cease values, as well.
Question seventy three. Explain Jquery Plugin?
Answer :
A plug-in is piece of code written in a popular JavaScript report. These documents provide useful jQuery methods which may be used along with jQuery library techniques.
Question 74. Can You Please Explain The Difference Between Jquery And Jquery Ui?
Answer :
jQuery is the middle library. JQueryUI is built on top of it. If you operate jQueryUI, you ought to additionally consist of jQuery.
Question seventy five. Explain The Advantage Of Using Plugin?
Answer :
jQuery plugins are pretty useful as its piece of code that is already written by using someone and re-usable, which saves your improvement time.
