Sunday, 8 February 2015


Hey friends, here are the most commonly asked Jquery interview questions and answers for both experienced and beginners....
You know in these days Jquery become very popular and in every interview you will defiantly face question related to Jquery/javascript, Interviewer must ask Jquery questions.. So be prepare before attend your interview...
And I see many Jquery user wants to download .PDF as these questions ans answers set. So In next article I will provide PDF file with 50 Jquery Questions answers.
This is Set-1 containing Top 30 most commonly/impotent Jquery questions with answers:

Q-1). What is Jquery?
Ans: jquery is javascript library which required a jquery.js file. After that you can write the jquery as fallows. It uses "$" as the short hand to write jquery code.
Simple Syntax is
  $(document).ready(function () {

         //function body
Q-2).When Jquery founded and by whom?
Ans: It was released in January 2006 at BarCamp NYC by John Resig(Jquery founder).

Q-3).What scripting language is jQuery written in?
Ans: JavaScript

Q-4).Write a basic code for add jquery library to pages?

  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript">
      // You can write the code here
    <a href="">Jquery Interview Questions and  Answers</a>
Q-5).What is jQuery Selectors? Give some examples.
Ans: Selectors are used in jQuery to find out DOM elements. Selectors can find the elements via ID, CSS, Element name and hierarchical position of the element.
Selector       Example                 Selects
 *                 $("*")                    All elements
 #id              $("#lastname")      The element with id=lastname
 .class          $(".intro")              All elements with class="intro"
 element      $("p")                     All p elements
For more click here

Q-6).What $("div.tutoriz") will select?
Ans: All the div element with tutoriz class.

Q-7).JQuery uses CSS selectors and XPath expressions to select elements true or false?
Ans:- True

Q-8).What are the fastest selectors in Jquery?
Ans: ID and element selectors are the fastest selectors

Q-9).What are the slower selecoters in Jquery?
Ans: Class selectors are slower

Q-10).Which one is faster Jquery ID selector or JavaScript getElementById()?
 (Jquery ID selector vs JavaScript getElementById())
Ans: JavaScript getElementById() is faster than Jquery Id ($("#elementID")) selector

Q-11).Where Jquery code execute? On client browser or server browser?
Ans: On client browser

Q-12).Write the code for selecting the
 1st div element, 4th div element
 last div, and for even and odd div elemets also.
 one by one?
 apply the red color on the above div.
<div class="questions">

     <div class="box"> Question</div>
     <div class="box"> Question</div>
     <div class="box"> Question</div>
     <div class="box"> Question</div>
     <div class="box"> Question</div>
     <div class="box"> Question</div>
 Code for first div          : $("div.questions > div:first").css("color", "red");
 Code for 4th div          : $("div.questions > div:nth-child(4)").css("color", "red");
 Code for last div          : $("div.questions > div:last").css("color", "red");
 Code for even div        : $("div.questions > div:even").css("color", "red");
 Code for odd div         : $("div.questions > div:odd").css("color", "red");

Q-13).Write the code for select second last div element?
Ans: Code for second last div : $("div.questions > div::nth-last-child(2)").css("color", "red");
 <!-- Introduced in CSS3 -->

Q-14).What are the advantages of using jQuery over JavaScript in ASP.NET web application
 Below are the advatages of using jQery over JavaScript
 a>.Jquery is well written optimised javascript code so
 it will be faster in execution unless we write same standard optimised javascript code.
 b>.Jquery is concise java script code ,means minimal ammount of code
 is to be written for the same functionality than the javascript.
 c>.Javascript related Development is fast using Jquery because most of the
 functionality is already written in the library and we just need to use that.
 d>.Jquery has cross browser support ,so we save time for supporting all the browsers.

Q-15).What is Chaining in jQuery?
Ans: In jQuery, Chaining means to connect multiple functions, events on selectors. look at Sample Code 1 and 2.
Sample Code 1
     $('#dvContent').css('color', 'red');

Sample Code 2

           .css('color', 'red')

Both the sample codes above will perform the exact same thing but the only difference is that Sample code 2 is using Chaining. But Code 2 is faster and shorter then Code 1.
 The problem with the Sample Code 1 is that for every statement, jQuery has to search the entire DOM and find the element and after that executes the attached function on it. But when chaining is used, then jQuery has to find the element only once and it will execute all the attached functions one by one. This is the advantage of Chaining.

Q-16).Is jQuery a library for client scripting or server scripting?
Ans: Client Script

Q-17).What is jQuery & its significance? Why it is so popular?...

Q-18).What are features of JQuery
 What can be done using JQuery?

 Ans: Features of Jquery
 1. One can easily provide effects and can do animations.
 2. Applying / Changing CSS.
 3. Cool plugins.
 4. Ajax support
 5. DOM selection events
 6. Event Handling

Q-19).How to check Jquery UI loaded or not?
Ans: // Checking if jQuery UI is loaded or not
        if ($.ui) {

             // jQuery UI is loaded
         } else {
             // jQuery UI is not loaded
Q-20).How check currently loaded jQuery UI version on the page?
 Ans: // Returns jQuery UI version (ex: 1.8.2) or undefined

Q-21).Write the code for setting datetimepicker on textbox click.
 If below is our textbox
<input type="text" id="Text1" name=%26quot%3Bacc%26quot%3B value="Select Date" />  then Jquery code will be

Q-22).If you have a table, how you will apply the two differt color on alternate rows using Jquery?
<table border="1">

   <tr><td>Vikas Ahlawat</td></tr>
   <tr><td>Edwin George</td></tr>
   <tr><td>Rohit Khurana</td></tr>
   <tr><td>Gyan Singh</td></tr>
Ans :

     $(document).ready(function () {
         $("tr:even").css("background-color", "#f4f4f8");
         $("tr:odd").css("background-color", "#ffffff");

Q-23).Name the Jquery method which is used to hide selected elements?
Ans: .hide()

Q-24).Name the Jquery methods which are used for apply css class?
$("#Id1").addClass('YourClassName'); // for apply class

$("#Id1").removeClass('YourClassName'); // for remove class
 Q-25).What is the use of attr() method in Jquery?
 The attr() method sets or returns attributes and values of the selected elements.
 When this method is used to return the attribute value, it returns the value of the first matched element.
 When this method is used to set attribute values, it sets one or more attribute/value pairs for the set of matched elements.
$(selector).attr(attribute) //it will return the value of an attribute
 $(selector).attr(attribute,value) //it will set the value of an attribute
 $(selector).attr({attribute:value, attribute:value,...}) //for set multiple attribute

Q-26).Can we use both jQuery and AJAX together?
Ans: yes

Q-27).Tell the name of jQuery method which is used to perform an asynchronous HTTP request?
Ans: jQuery.ajax()

Q-28).What is the use of jquery load() method?
 The jQuery load() method is a powerful AJAX method.
 The load() method loads data from a server and puts the returned data into the selected element without reload the complate page.
 Ex:The following example loads the content of the file "demo_test.txt" into a specific <div> element
$("#div1").load("demo_test.txt"); Q-29).Can we use our own specific charactor in the place of $ sigh in Jquery?
Ans: Yes
You can also create your own shortcut very easily. The noConflict() method returns a reference to jQuery, that you can save in a variable, for later use. Here is an example

    var vikas = $.noConflict();

     vikas(document).ready(function () {
         vikas("button").click(function () {
             vikas("p").text("jQuery is still working!");

Q-30).Name the 5 Jquery events?
 jQuery Events
 jQuery click() event.
 jQuery dblclick() event.
 jQuery mouseenter() event.
 jQuery mouseleave() event.
 jQuery mousedown() event.
 jQuery mouseup() event.
 jQuery hover() event.
 jQuery focus() and blur() events.

Visit Our New Site for HR Interview Questions Answers
Sponsored Ads


  1. Amazing post. It makes me understand the vitality of words and pictures dissertation proposal help. I take in a considerable measure, bless your heart! Wish you make a further advance later on.

  2. Try to use modern technologies in your studying process, for example, turn to Internet!

  3. Wow! This article is incredible! There are some ideas that can be used in practice. Thank you for such a job!

  4. Replies
    1. How to Download this file ?? anyone helped me on this....!