JQuery Interview Questions


Q#1. What is JQuery?

Ans. jQuery is a fast, lightweight, feature-rich client-side JavaScript library. It is cross-platform and supports different types of browsers. It has provided a much-needed boost to JavaScript. Before jQuery, JavaScript codes were lengthy and bigger, even for smaller functions. It makes a website more interactive and attractive.


Q#2. Is jQuery is a JavaScript or JSON library file?

Ans. jQuery is a library of JavaScript file and it consists of DOM, event effects and the Ajax functions. jQuery is said to be a single JavaScript file.


Q#3. Is jQuery a programming language?

Ans. jQuery is not a programming language but a well-written JavaScript code. It is used to traverse documents, event handling, Ajax interaction, and Animation.


Q#4. Difference between $(this) and this keyword in jQuery?

Ans. Could be a tricky questions for many jQuery beginners, but indeed it’s simplest one. $(this) returns a jQuery object, on which you can call several jQuery methods e.g. text() to retrieve text, val() to retrieve value etc, while this represent current element, and it’s one of the JavaScript keyword to denote current DOM element in a context. You can not call jQuery method on this, until it’s wrapped using $() function i.e. $(this).


Q#5. Which command will give a version of jQuery?

Ans. The command $.ui.version returns jQuery UI version.


Q#6. What is the use of jQuery .each() function?

Ans. The "jQuery.each()" function is a general function that will loop through a collection (object type or array type). Array-like objects with a length property are iterated by their index position and value. Other objects are iterated on their key-value properties. The "jQuery.each()" function however works differently from the $(selector).each() function that works on the DOM element using the selector. But both iterate over a jQuery object.


Q#7. What is main advantage of loading jQuery library using CDN?

Ans. This is slightly advanced jQuery question, and don’t expect that jQuery beginners can answer that. Well, apart from many advantages including reducing server bandwidth and faster download, one of the most important is that, if browser has already downloaded same jQuery version from same CDN, than it won’t download it again. Since now days, almost many public websites use jQuery for user interaction and animation, there is very good chance that browser already have jQuery library downloaded. Curious reader, please see the answer for in depth analysis.


Q#8. What are the features of jQuery, has been used in web applications?

Ans. jQuery uses features like Sliding, File uploading and accordian in web applications.


Q#9. What is jQuery UI?

Ans. jQuery UI enable our applications to have a cool user interface and animation in a faster way. It is the set of plug-ins that include interface interactions, effects, animations, widgets and themes built on the JavaScript Library. jQuery is used to create cohesive and consistent APIs. It is a method that we can use to extend jQuery prototype objects. By that prototype object you can enable all jQuery objects to inherit any method that you add.


Q#10. What is the use of toggle() method in JQuery?

Ans. The jQuery toggle() is a particular type of method which is used to toggle between the hide() and show() method. It shows the hidden elements and hides the shown element. Syntax: $(selector).toggle(); $(selector).toggle(speed, callback); $(selector).toggle(speed, easing, callback); $(selector).toggle(display);