With the motto “write less, do more”, jQuery is one of the most used JavaScript libraries for web development. jQuery is open-source and is used on millions of websites. jQuery makes working with JavaScript on a website much easier and is cross-browser compatible.
With the changing web development landscape with modern frameworks and libraries like ReactJS, AngularJS, and VueJS gaining popularity, jQuery remains valuable.
Read on to learn more about jQuery with some of the most commonly asked jQuery Interview questions and answers curated by jQuery experts in the industry.
1. What is jQuery?
- Jquery is one of the most popular Javascript Library
- Jquery is fast, lightweight, "write-less, do more" Javascript Library
- Jquery is used to simplify HTML DOM Tree traversal and manipulation, CSS Manipulation, HTML event methods, AJAX, Utilities, Effects and animations
2. What is the difference between Javascript and Jquery?
- jQuery simplifies the use of javascript Language
- Javascript is an Intrepreted Programming language. whereas Jquery is a built in library built for javascript.
3. Is jquery a programming language?
No, Jquery is a well written Javascript Framework and not a programming Language
4. What are the common uses of Jquery?
JQuery helps to
- Simplify common JavaScript tasks
- Jquery helps to modify the appaearance of a web page
- Access elements in a document
- Alter the content of a document
- Animate changes being made to a document
- Retrieve information from a server without refreshing a page
5. What are the common features of Jquery Library?
- HTML/DOM manipulation
- HTML event methods
- Effects and animations
- CSS manipulation
- AJAX
- Utilities
6. Is it possible that jQuery work for XML Document?
jQuery doesnt work for XML documents and it works only for HTML Document.
7. Is jQuery Library built for Server side scripting or client side scripting?
jQuery Library is used for client side scripting and jQuery is not compatible with server side scripting
8. What are the types of Selectors in jQuery Library?
Selectors in Jquery are used to find the HTML Elements.
Basic elements are
- Name
- class
- #ID
- Attribute
- Universal
9. What is the difference between ID Selector and Class selector in Jquery?
- ID selector and class selector are used to finc HTML Elements
- Like in CSS, ID Selector and class selector are same
- You can use ID selector to select only one element. WHereas, Class selector is used to select group of elements
10. How to select an Item using ID?
This code selects wither 0 or 1 elements depending upon whether specified ID exists.
$( "#myDivIdName" );
11. How to select an Item using Class?
This code selects any number of elements using same class. Any number of elements can have same class
$( ".myClassName" );
12. Is it possible to test whether an element exists using Jquery?
Yes. It is checked by using the .length property of the jQuery collection.
13. How to disable a form ELement using jquery?
You can disable a form element using the .prop() method.
To disable #myDiv, use the following code
$( "#myDiv" ).prop( "disabled", true );
14. What is the difference between onload() and document.ready() methods?
The onload() method is used to load the HTML code. Whereas document.ready() method is pure javascript method and is used to render Javascript code that is needs to display the page.
15. What are the popular Jquery CDNs?
There are 3 Popular CDNs.
- jQuery
- Google
- Microsoft
16. What are the different methods to make Ajax request in jQuery?
You can make ajax calls using the following jquery Methods,
- load()
- $.getJSON()
- $.getScript()
- $.get()
- $.post()
- $.ajax()
17. What is the difference between jQuery UI and Jquery?
jQuery UI is built on the top of jquery javascript library and which can be used to build interactive web applications. If you use jQueryUI, You have to include jQuery also. jQueryUI is on the top of jQuery.