Explore topic-wise InterviewSolutions in .

Jquery.size() and jquery.length both RETURNS the NUMBER of ELEMENT found in the object. But, jquery.length is faster than jquery.size() because size() is a method but length is a property.

Jquery.size() and jquery.length both returns the number of element found in the object. But, jquery.length is faster than jquery.size() because size() is a method but length is a property.

Jquery's .SIZE() method returns NUMBER of ELEMENT in the OBJECT. That means that you can count the number of elements within an object.

Jquery's .size() method returns number of element in the object. That means that you can count the number of elements within an object.

By $.AJAX and by DECLARING METHOD a WebMethod

By $.ajax and by declaring method a WebMethod

Yes

Yes

It only WORKS for HTML

It only works for HTML

var StateID = $("#StateCbx").VAL(); // Or you can USE it $("#iStateID").val();

var StateName = $("#StateCbx option:selected").text();

alert("Selected COMBOBOX text is= " + StateName + " and value is= " + StateID);

var StateID = $("#StateCbx").val(); // Or you can use it $("#iStateID").val();

var StateName = $("#StateCbx option:selected").text();

alert("Selected combobox text is= " + StateName + " and value is= " + StateID);

URL : Specifies the URL to send the request to. DEFAULT is the current page

type : Specifies the type of request. (GET or POST)

data : Specifies data to be sent to the SERVER

cache: A Boolean value indicating whether the BROWSER should cache the requested pages. Default is true

beforeSend(xhr): A function to run before the request is sent

url : Specifies the URL to send the request to. Default is the current page

type : Specifies the type of request. (GET or POST)

data : Specifies data to be sent to the server

cache: A Boolean value indicating whether the browser should cache the requested pages. Default is true

beforeSend(xhr): A function to run before the request is sent

The JQUERY ajax() METHOD is used to perform an AJAX (asynchronous HTTP) request.

The Jquery ajax() method is used to perform an AJAX (asynchronous HTTP) request.

jQuery's ready is an event which gets triggered automatically when DOM is ready while HOLDREADY is a signal/flag to HOLD this triggering. holdReady was included in 1.6 version and it works only if USED before the execution/triggering of ready event. Once ready event is fired, it has nothing to do. It is useful in DYNAMICALLY loading scripts before the ready starts. It release ready event execution when used with a true parameter.

jQuery's ready is an event which gets triggered automatically when DOM is ready while holdReady is a signal/flag to hold this triggering. holdReady was included in 1.6 version and it works only if used before the execution/triggering of ready event. Once ready event is fired, it has nothing to do. It is useful in dynamically loading scripts before the ready starts. It release ready event execution when used with a true parameter.

JQUERY was FOUNDED by JOHN Resig in JANUARY 2006.

jQuery was founded by John Resig in January 2006.

$

EXAMPLE: $("#DIV").CSS('color','red');

$

example: $("#div").css('color','red');

No.

No.

This will SELECT all the DIV ELEMENTS on PAGE.

This will select all the div elements on page.

Selectors are USED in JQUERY to FIND and select DOM elements via id, CLASS or element selector. There are many new selectors introduced in jQuery. Using jQuery selectors DOM elements can be selected and manipulated.

Selectors are used in jQuery to find and select DOM elements via id, class or element selector. There are many new selectors introduced in jQuery. Using jQuery selectors DOM elements can be selected and manipulated.

$('.selected')

$('.selected')

We can USE all selector to select all elements on PAGE.

EXAMPLE : $('*')

We can use all selector to select all elements on page.

example : $('*')

class selectors are the SLOW compare to ID and element.

class selectors are the slow compare to ID and element.

HIDE().

hide().

EFFECTS and ANIMATIONS, AJAX, EXTENSIBILITY.

Effects and Animations, Ajax, Extensibility.

jQuery.ajax()

jQuery.ajax()

Yes.

Yes.

ANSWER : $(functio() { $(DOCUMENT).ATTR('title','20fingers2Brains'); });

The ADVANTAGE of using a minified version of jQuery FILE is EFFICIENCY. The efficiency of page increases as minified version is small in size and TAKES LESS time to load.

The advantage of using a minified version of jQuery file is efficiency. The efficiency of page increases as minified version is small in size and takes less time to load.

min.js is basically the minified version of .js file. Both the FILES are same as far as functionality is concerned.

.min.js is USED to increase the page performance as it is small in SIZE COMPARE to .js and takes less time to LOAD.

min.js is basically the minified version of .js file. Both the files are same as far as functionality is concerned.

.min.js is used to increase the page performance as it is small in size compare to .js and takes less time to load.

You can CREATE your own shortcut very easily. The noConflict() method returns a reference to jQuery, that you can SAVE in a VARIABLE, for later use.

You can create your own shortcut very easily. The noConflict() method returns a reference to jQuery, that you can save in a variable, for later use.

JQUERY UI is a LIBRARY which is built on TOP of jQuery library. jQuery UI comes with cool WIDGETS, effects and interaction mechanism.

jQuery UI is a library which is built on top of jQuery library. jQuery UI comes with cool widgets, effects and interaction mechanism.

document.ready() FUNCTION can be inlcuded multiple times whereas onload() method can be called only once in a page.

document.ready() is called as soon as DOM is LOADED while onload is called when everything is loaded on page i.e. IMAGES, DOM and other resources associated with the page.

document.ready() function can be inlcuded multiple times whereas onload() method can be called only once in a page.

document.ready() is called as soon as DOM is loaded while onload is called when everything is loaded on page i.e. images, DOM and other resources associated with the page.

ADD the keyword debugger to the line from where we WANT to start the DEBUGGING.

Add the keyword debugger to the line from where we want to start the debugging.

It RETURNS the number of ELEMENTS in the object. This METHOD HELPS in finding the COUNT of elements in the object.

It returns the number of elements in the object. This method helps in finding the count of elements in the object.

The JQUERY load() method is powerful AJAX method.

The load() method loads DATA from a server and puts the returned data into the selected element without RELOAD the COMPLETE page.

The jQuery load() method is powerful AJAX method.

The load() method loads data from a server and puts the returned data into the selected element without reload the complete page.

detach method is same as remove method , but detach KEEPS the JQUERY DATA ASSOCIATED with the removed elements.

detach method is more powerful when you have to reinsert the removed data.

detach method is same as remove method , but detach keeps the jQuery data associated with the removed elements.

detach method is more powerful when you have to reinsert the removed data.

NO

NO

Answer : 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.

<P>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:

Code:

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:

Code:

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 COMPLETE page.

Example:The following example loads the CONTENT of the file "demo_test.txt" into a specific element

$("#div1").load("demo_test.txt");

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 complete page.

Example:The following example loads the content of the file "demo_test.txt" into a specific element

$("#div1").load("demo_test.txt");

jQuery.ajax()

jQuery.ajax()

yes

yes

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.

Code:

$(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

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.

Code:

$(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

$("#ID1").addClass('YourClassName'); // for APPLY CLASS
$("#Id1").removeClass('YourClassName'); // for REMOVE class

$("#Id1").addClass('YourClassName'); // for apply class
$("#Id1").removeClass('YourClassName'); // for remove class

.HIDE()

.hide()

If below is our TEXTBOX

<input type="text" id="abc" name=%26quot%3Bacc%26quot%3B value="SELECT Date" />

then Jquery code will be

$("#abc").DATEPICKER();

If below is our textbox

<input type="text" id="abc" name=%26quot%3Bacc%26quot%3B value="Select Date" />

then Jquery code will be

$("#abc").datepicker();

// RETURNS JQUERY UI VERSION or UNDEFINED $.ui.version

// Returns jQuery UI version or undefined $.ui.version

// Checking if JQUERY UI is LOADED or not

Code:

// Checking if jQuery UI is loaded or not

Code:

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

Features of Jquery

CLIENT SCRIPT

Client Script

Below are the ADVANTAGES of using J Qery over JavaScript

1. Jquery is well written optimised javascript code so it will be faster in execution unless we WRITE same standard optimised javascript code.
2. Jquery is concise java script code ,means MINIMAL ammount of code is to be written for the same functionality than the javascript.
3. 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.
4. Jquery has cross BROWSER support ,so we save time for supporting all the browsers.

Below are the advantages of using j Qery over JavaScript

CODE for second last div : $("div.questions &GT; div::nth-last-child(2)").css("color", "RED");

Code for second last div : $("div.questions > div::nth-last-child(2)").css("color", "red");

On CLIENT BROWSER

On client browser

JAVASCRIPT getElementById() is FASTER than JQUERY ID ($("#elementID")) SELECTOR

JavaScript getElementById() is faster than Jquery Id ($("#elementID")) selector

CLASS SELECTORS are SLOWER

Class selectors are slower