jQuery Interview Questions and Answers

What is the difference between jQuery and its alias $?

jQuery and $ are the same thing and work same. $ is just a shortcut.

For example, the following statement will create an <a>element wrapped inside of a <p>element with a text node encapsulated inside of the <p>and <a>elements:

jQuery('<p><a>jQuery</a></p>');
which is the same as
$('<p><a>jQuery</a></p>');

Post comment
Cancel
Thanks for your comment.!
Write a comment(Click here) ...
What is jQuery?

jQuery is an open source JavaScript library that simplify Html document traversing and manipulation browser event handling, DOM animations, Ajax interaction and cross bowser JavaScript development.

How jQuery differ from JavaScript?

jQuery is just a JavaScript library and has built in JavaScript code functionality that optimized development, reduce effort and provided cross browsers supports.

Why jQuery and features of jQuery?

jQuery philosophy is “Write less, do more”

Open source and has large community of users and contributors

Tested and optimized for modern browsers

Lightweight, robust and expandable

Offers plug-ins and ready-made functionality

Can be used for event-driven programming

AJAX support

How we can use jQuery on a web page?

We can use jQuery in web page by two way

Use of content delivery network (CDN) to include a version of jQuery.
Downloaded version of jQuery in local file-system from jQuery.com.

What is a CDN? Why a CDN is Useful to jQuery and advantage of it?

Content delivery network is geographically distributed worldwide high-speed collection of servers, which can serve content to end-users in lowround-trip times.

Advantage:

We can start using jQuery from CDN simply by adding a <script> tag in web page without locally downloaded.

Browsers reused cached jQuery files for web sites that are located in different domains, which significantly improve performance.

CDN offers reliable high-speed access on jQuery library withminimum round-trip time.

Which are the popular jQuery CDN? How to load jQuery from CDN?

Google, Microsoft and jQuery are popular jQuery CDN.

To load a hosted library from CDN, copy and paste the below HTML snippet for that library (shown below) in your web page

Google (https://developers.google.com/speed/libraries/#web-font-loader)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>

Microsoft (http://www.asp.net/ajax/cdn)
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>

JQuery (https://code.jquery.com/)
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

How to load jQuery locally when CDN unavailable?

To allow to loading jQuery from a local path on your own website if the CDN happens to be unavailable, add the following element immediately after the element referencing the CDN:

<script src=" /jquery/jquery-1.9.0.min.js"></script>

Ex:

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>

<script src=" /jquery/jquery-1.9.0.min.js"></script>

Can we replace any character or variable instead of $ in jQuery?

We can replace $ by using no Conflict () method, see below snippet to replace $ to jqwrite

var jqwrite = $.noConflict()

Explained jQuery document.ready() function?

Everything inside the $(document).ready() function will load as soon as the DOM (Document Object Model) is loaded and before the page contents are loaded.

The ready() event handler method is jQuery’s replacement for using the JavaScript core window.onloadevent.

jQuery Document Ready Snippet
$(document).ready(function() {  // Put javascript here});

Different ways to write jQuery Document Ready Snippet
$(document).ready(function() { ... });
$(function() { ... });
jQuery(document).ready(function() { ... });
jQuery(function() { ... });

jQuery document ready function can be used as many times in page as you like.

What is the difference between JavaScript window.onload() event and jQuery ready()functions?

jQuery ready() function only waits for the DOM tree to be loaded before executing the code. Where JavaScript onload event not only waits for DOM to be created but also waits for all external resources to load fully including heavy images, audios and videos etc.
If loading images and other third party elements takes significant amount of time then user can experience significantly be impacted on execution of code defined in window.onloadevent.

As mentioned above jQuery ready() function recommended over JavaScript onload event. However, there are valid use cases that justifies use of JavaScript onload over jQuery ready().

What are selectors in jQuery and how many types of selectors are there?

jQuery selectors are used to select html elements to in order to operate on the element based on their id, class, element type, attributes, and many more. There are many types of selectors but important selectors are:

Element Selector (“element”):Selects all elements with the given tag name
$(“div”).css(“color”,”red”);// text color of all div elements will be red

All Selector (“*”): select all HTML elements at a time.
$(“*”).css(“color”, “blue”);//change all elements text color to blue

Id Selector (“#id”): Selects a single element with the given id attribute.
$(“#id”).css(“background”, “black”);

Class Selector (“.class”): Selects all elements with the given class.
$(“.class”).css(“color”, “black”);

Attribute Selector [name=”value”]: Select elements based on its attribute value.

Multiple Selector (“selector1, selector2, selectorN”): Select elements that match all selector condition.

Which are the performance responsive selector?

The elements which are selected using ID are the performance responsive selector as the ID is unique throughout the rendered page.

How do you call AJAX request using jQuery?

jQuery provided $.ajax({...}); function to support Ajax functionality.

Below an example of making an AJAX call and alerting the response (or error):

$.ajax({
url:'pAjaxReqServer.php',
success:function(response) {
alert(response);
       },
error:function(xhr) {
alert('Error!  Status = '+xhr.status);
       }
});
What is the difference between jQuery.ajax(),jQuery.get() and jQuery.post()?

jQuery.get() and jQuery.post() contain features that are subsets of jQuery.ajax().

jQuery.ajax()is the method that provides the most flexibility of the three.The biggest difference from an implementation point is that you can pass an objecttojQuery.ajax(), which contains the necessary parameters.WherejQuery.get()andjQuery.post() are both shorthand forjQuery.ajax().

Ex:jQuery.ajax()

jQuery.ajax({
url:'callAjax.php,
dataType:'text',
type:‘GET’,
success:function(response) {
alert(response);
  }
});

Ex:jQuery.get()

jQuery.get('callAjax.txt',function(response){ 
alert(response) 
},'text');

Ex:jQuery.post()

jQuery.post('callAjax.txt',function(response){
alert(response)
},'text');

Latest Updates

Pipes and Cistern

Two pipes A and B can fill a tank in 6 hours and 4 hours respectively. If they are opened on alternate hours and if pipe A s opened first, in how many hours, the tank shall be full?

A large tanker can be filled by two pipes A and B in 60 min and 40 min respectively. How many minutes will it take to fill the tanker from empty state if B is used for first half of the time, and A and B fill it together for the other half?

A tank is filled by 3 pipes with uniform flow. The first two pipes operating simultaneously fill the tank in the same time during which the tank is filled by the third pipe alone. The 2nd pipe fills the tank 5 hours faster than first pipe and 4 hours slower than third pipe. The time required by first pipe is?

Two pipes A and B together can fill a cistern in 4 hours. Had they been opened separately, then B would have taken 6 hours more than A to fill the cistern. How much time will be taken by A to fill the cistern separately?

Two pipes A and B can fill a tank in 24 min and 32 min respectively. If both the pipes are opened simultaneously, after how much time B should be closed so that the tank is full in 18 min?

Two pipes A and B can fill a tank in 36 min and 45 min respectively. A water pipe C can empty the tank in 30 min. First A and B are opened. after 7 min, C is also opened. In how much time, the tank is full?

Two pipes can fill a cistern in 14 hours and 16 hours respectively. The pipes are opened simultaneously and it is found that due to leakage in the bottom it took 32 min more to fill the cistern. When the cistern is full, in what time will the leak empty it?

Bucket P has thrice the capacity as Bucket Q. It takes 60 turns for Bucket P to fill the empty drum. How many turns it will take for both the buckets P and Q, having each turn together to fill the empty drum?

Probability

In a class , 30 % of the students offered English, 20 % offered Hindi and 10 % offered Both.If a student is offered at random, what is the probability that he has offered English or Hindi?

In a lottery ,there are 10 prizes and 25 blanks.A lottery is drawn at random. what is the probability of getting a prize ?

Two dice are thrown simultaneously .what is the probability of getting two numbers whose product is even?

Two diced are tossed the probability that the total score is a prime number?

Two cards are drawn at random from a pack of 52 cards What is the probability that either both are black or both are queens?

Two dice are thrown together .What is the probability that the sum of the number on the two faces is divisible by 4 or 6?

A bag contains 6 white and 4 black balls .Two balls are drawn at random .Find the probability that they are of the same colour?

In a simultaneous throw of a pair of dice,find the probability of getting a total more than 7?

An unbiased die is tossed.Find the probability of getting a multiple of 3?

Problems on Ages

My brother is 3 years elder to me. My father was 28 years of age when my sister was born while my mother was 26 years of age when i was born. If my sister was 4 years of age when my brother was born,then what was the age my father and mother respectively when my brother was born?

Latest Job Notifications

Banking Jobs

बैंकिंग कार्मिक चयन संस्थान Institute of Banking Personnel Selection(IBPS) - 7855 पद - 29/07/2022 अंतिम तिथि

SSC Recruitment

कर्मचारी चयन आयोग (एसएससी) Staff Selection Commission (SSC) - 1411 पद - 29/07/2022 अंतिम तिथि

Jobs in Rajasthan

राजस्थान अधीनस्थ और मंत्रिस्तरीय सेवा चयन बोर्ड Rajasthan Subordinate and Ministerial Services Selection Board (RSMSSB) - 5546 पद - 22-Jul-2022 अंतिम तिथि

Railway Recruitment

उत्तर मध्य रेलवे भर्ती प्रकोष्ठ Railway Recruitment Cell(NCR) - 1659 पद - 01/08/2022 अंतिम तिथि

Jobs in West Bengal

इंडियन पोस्ट सर्विस Indian Post Service - 2357 पद - 19/08/2021 अंतिम तिथि - पश्चिम बंगाल पोस्टल सर्कल

Banking Jobs

भारतीय स्टेट बैंक State Bank of India(SBI) - 6100 पद - 26/07/2021 अंतिम तिथि - CRPD/APPR/2021-22/10

SSC Recruitment

कर्मचारी चयन आयोग Staff Selection Commission(SSC) - 25271 पद - 31/08/2021 अंतिम तिथि

Jobs in Madhya Pradesh

राष्ट्रीय स्वास्थ्य मिशन मध्य प्रदेश National Health Mission MP(NRHM) - 5215 पद - 22/06/2021 अंतिम तिथि

Jobs in Punjab

पंजाब स्टेट पावर कॉर्पोरेशन लिमिटेड Punjab State Power Corporation Limited (PSPCL) - 2632 पद - 20/06/2021 अंतिम तिथि

Jobs in Chhattisgarh

स्वास्थ्य सेवा निदेशालय, छत्तीसगढ़ Department of Health & Family Welfare, Chhattisgarh - 267 पद - 26/06/2021 अंतिम तिथि