jquery : Interview Questions

Answer:

jQuery is not a programming language but a well written JavaScript code. It is a JavaScript code, which do document traversing, event handling, Ajax interactions and Animations.

Answer:

jQuery is needed for the following list:

  • Used to develop browser compatible web applications
  • Improve the performance of an application
  • Very fast and extensible
  • UI related functions are written in minimal lines of codes

Answer:

Efficiency of web page increases when minimized version of jQuery is used.min.js file will be more than 50% less than the normal js file. Reduction in the file size makes the web page faster.

Answer:

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.

Answer:

Mac, Windows and Linux are more compatible with the jQuery.

Answer:

Download the jQuery library from jQuery.com and include that reference in the asp.net page.

Answer:

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

Answer:

jQuery can be used in following scenarios:

  • Apply CSS static or dynamic
  • Calling functions on events
  • Manipulation purpose
  • Mainly for Animation effects

Answer:

No, jQuery HTML only works for HTML documents not for XML Documents.

Answer:

Some of the effects methods are:

  • Show()
  • Hide()
  • Toggle()
  • FadeIn() and
  • FadeOut()

Answer:

Find method is used to find all levels down the DOM tree but children find single level down the DOM tree.

Answer:

A ‘ jQuery connect’  is a plugin used to connect or bind a function with another  function. Connect is used to execute function from any other function or plugin is executed.

Answer:

Connect can be used by downloading jQuery connect file from jQuery.com and then include that file in the HTML file. Use $.connect function to connect a function to another function.

Answer:

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

Answer:

Browser compatibility of jQuery plugin is an issue and needs lot of time to fix it.

Answer:

jQuery file should be added to the Master page and can use access from the content page directly without having any reference to it.

Answer:

Following are the basic selectors in jQuery:

  • Element ID
  • CSS Name
  • Tag Name
  • DOM hierarchy

Answer:

Yes, we can call C# code from jQuery as it supports .net application.

Answer:

jQuery.data methods is used to associate the data with the DOM nodes and the objects. This data method makes the jQuery code clear and concise.

Answer:

Each function is used to iterate each and every element of an object. It is used to loop DOM elements, arrays and the object properties.

Answer:

Size and length both returns the number of element in an object. But length is faster than the size because length is a property and size is a method.

Answer:

Yes, we can add more than one document.ready function in a page. But, body.onload can be added once in a page.

Answer:

jQuery load method is a powerful AJAX method which is used to load the data from a server and assign the data into the element without loading the page.

Answer:

Yes, We can use our own variable in place of $ by using the method called no Conflict () method.

var sample = $.noConflict()

Answer:

The four parameters are

  • URL – Need to specify the URL to send the request
  • type – Specifies type of request(Get or Post)
  • data – Specifies data to be sent to server
  • Cache – Whether the browser should cache the requested page

Answer:

The jQuery filter is used to filter the certain values from the object list based on the criteria. Example is to filter certain products from the master list of products in a cart website.

Answer:

QUnit is used to test jQuery and it is very easy and efficient.

Answer:

CDN is abbreviated as Content Distribution network and it is said to be a group of companies in different location with network containing copies of data files to maximize bandwidth in accessing the data.

Answer:

There are two types of CDNs:

  • Microsoft – Load jQuery from Ajax CDN
  • Google – Load jQuery from Google libraries API

Answer:

Dollar ($) sign is used as a shortcut for jQuery.

Answer:

jQuery is a client scripting.

Answer:

jQuery is a Javascript file and it is single javascript file that contains common DOM, event effects and Ajax functions.

Answer:

There are two ways to debug jQuery:

Debugger keyword

  • Add the debugger to the line from where we have to start debugging and then run Visual Studio in Debug mode with F5 function key.
  • Insert a break point after attaching the process

Answer:

Following are the ways to include jQuery in a page:

  • Local copy inside script tag
  • Remote copy of jQuery.com
  • Remote copy of Ajax API
  • Local copy of script manager control
  • Embedded script using client script object

Answer:

jQuery.ajax method is used for asynchronous HTTP requests.

Answer:

jQuery javascript can be downloaded from jQuery official website – www.jquery.com

Answer:

No, jQuery is not a replacement of JavaScript.

Answer:

Chaining is used to connect multiple events and functions in a selector.

Answer:

Following are the advantages of jQuery:

  • Just a JavaScript enhancement
  • Coding is simple, clear, reusable
  • Removal of writing more complex conditions and loops

Answer:

Yes, we can call C# code behind from jQuery.

Answer:

jQuery data method is used to associate data with DOM nodes and JavaScript objects. This method will make a code very concise and neat.

Answer:

In a page, we can have only one onload function but we can have more than one document.ready function. Document.ready function is called when DOM is loaded but onload function is called when DOM and images are loaded on the page.

Answer:

jQuery each function is used to loop through each and every element of the target jQuery object. It is also useful for multi element DOM, looping arrays and object properties.

Answer:

$.ajax can be called and by declaring WebMethod inside code behind using jQuery.

Answer:

ID and Element are the fastest selectors in jQuery.

Answer:

Class selectors are the slowest selectors in jQuery

Answer:

jQuery code is getting executed on a client browser.

Answer:

‘NoConflict’ method is used to reference a jQuery and save it in a variable. That variable can be used instead of Sign.

Answer:

jQuery is a library used for developing Ajax application and it helps to write the code clean and concise. It also handles events, animation and Ajax support applications.

Answer:

There are three types of selectors in jQuery:

  • CSS Selector
  • XPath Selector
  • Custom Selector