JQuery Programmer Questions And Answers

101⟩ What is difference between $(this) and 'this' in jQuery?

Refer the following example:

$(document).ready(function()

{

$('#clickme').click(function()

{

alert($(this).text());

alert(this.innerText);

});

► this and $(this) references the same element but the difference is that "this" is used in traditional way but when "this" is used with $() then it becomes a jQuery object on which we can use the functions of jQuery.

► In the example given, when only "this" keyword is used then we can use the jQuery text() function to get the text of the element, because it is not jQuery object. Once the "this" keyword is wrapped in $() then we can use the jQuery function text() to get the text of the element.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

213 views

102⟩ What is the difference between event.PreventDefault and event.stopPropagation?

event.preventDefault(): Stops the default action of an element from happening.

event.stopPropagation(): Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event. For example, if there is a link with a click method attached inside of a DIV or FORM that also has a click method attached, it will prevent the DIV or FORM click method from firing.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

227 views

103⟩ How to get the outer width (including the border) of an element using jQuery?

The outerWidth( [margin] ) method gets the outer width (includes the border and padding by default) for the first matched element.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

217 views

104⟩ How to check if event.stopPropagation() was ever called on this event object?

The isPropagationStopped() method of Event object returns whether event.stopPropagation() was ever called on this event object.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

238 views

105⟩ How to binds a function to be executed whenever the DOM is ready to be traversed and manipulated using jQuery?

The ready(fn) function binds a function to be executed whenever the DOM is ready to be traversed and manipulated.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

221 views

106⟩ Whether our own specific characters are used in place of $ in jQuery?

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

var sample = $.noConflict()

Is this answer helpful? 0 Yes | 0 No

Answer This Question

192 views

107⟩ How to select single element using jQuery with the given element id some-id?

$('#some-id') selects the single element in the document that has an ID of some-id.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

211 views

108⟩ What is the use of each function in jQuery?

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.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

212 views

109⟩ How to find all the child nodes inside the matched elements (including text nodes), or the content document, if the element is an iframe using jQuery?

The contents( ) method finds all the child nodes inside the matched elements (including text nodes), or the content document, if the element is an iframe.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

226 views

110⟩ What is finish method in jQuery?

The .finish() method stops all queued animations and places the element(s) in their final state. This method was introduced in jQuery 1.9.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

238 views

111⟩ What is the difference between event.PreventDefault and "return false"?

e.preventDefault() will prevent the default event from occurring, e.stopPropagation() will prevent the event from bubbling up and return false will do both.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

216 views

112⟩ How to stop the rest of the event handlers from being executed in jQuery?

The stopImmediatePropagation() method of Event object stops the rest of the handlers from being executed.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

216 views

113⟩ How to select element having a particular class (".selected")?

$('.selected'). This selector is known as class selector. We need to prefix the class name with "." (dot).

Is this answer helpful? 0 Yes | 0 No

Answer This Question

223 views

114⟩ Is there any advantage of using $.ajax() for ajax call against $.get() or $.post()?

By using jQuery post()/ jQuery get(), you always trust the response from the server and you believe it is going to be successful all the time. Well, it is certainly not a good idea to trust the response. As there can be n number of reason which may lead to failure of response.

Where jQuery.ajax() is jQuery's low-level AJAX implementation. $.get and $.post are higher-level abstractions that are often easier to understand and use, but don't offer as much functionality (such as error callbacks).

Is this answer helpful? 0 Yes | 0 No

Answer This Question

219 views

115⟩ What is the difference between calling stop(true,true) and finish method?

The .finish() method is similar to .stop(true, true) in that it clears the queue and the current animation jumps to its end value. It differs, however, in that .finish() also causes the CSS property of all queued animations to jump to their end values, as well.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

191 views

116⟩ What are the slow selectors in jQuery?

class selectors are the slow compare to ID and element.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

244 views

117⟩ What are deferred and promise object in jQuery?

Deferred and promise are part of jQuery since version 1.5 and they help in handling asynchronous functions like Ajax.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

214 views

118⟩ Can we include multiple version of jQuery? If yes, then how they are executed?

Yes. Multiple versions of jQuery can be included in same page.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

205 views

119⟩ Does jQuery 2.0 supports IE?

No. jQuery 2.0 has no support for IE 6, IE 7 and IE 8.

Is this answer helpful? 0 Yes | 0 No

Answer This Question

219 views

120⟩ How can events be prevented to work after an ajax request?

here are two ways to handle this issue:

1. Use of event delegation : The event delegation technique works on principle by exploiting the event bubbling. It uses event bubbling to capture the events on elements which are present anywhere in the domain object model. In jquery the user can make use of the live and die methods for the events delegation which contains a subset of event types.

For ex. Handling even delegation, handling of clicks on any <a> element:

$('#mydiv').click(function(e)

{

if( $(e.target).is('a') )

fn.call(e.target,e);

});

$('#mydiv').load('my.html')

2. Event rebinding usage : When this method is used it requires the user to call the bind method and the added new elements.

For ex.

$('a').click(fn);

$('#mydiv').load('my.html',function()

{

$('#mydiv a').click(fn);

});

Is this answer helpful? 0 Yes | 0 No

Answer This Question

204 views

JQuery Programmer

Home Client Side Scripting JQuery Programmer

154 JQuery Programmer Questions And Answers

101⟩ What is difference between $(this) and 'this' in jQuery?

102⟩ What is the difference between event.PreventDefault and event.stopPropagation?

103⟩ How to get the outer width (including the border) of an element using jQuery?

104⟩ How to check if event.stopPropagation() was ever called on this event object?

105⟩ How to binds a function to be executed whenever the DOM is ready to be traversed and manipulated using jQuery?

106⟩ Whether our own specific characters are used in place of $ in jQuery?

107⟩ How to select single element using jQuery with the given element id some-id?

108⟩ What is the use of each function in jQuery?

109⟩ How to find all the child nodes inside the matched elements (including text nodes), or the content document, if the element is an iframe using jQuery?

110⟩ What is finish method in jQuery?

111⟩ What is the difference between event.PreventDefault and "return false"?

112⟩ How to stop the rest of the event handlers from being executed in jQuery?

113⟩ How to select element having a particular class (".selected")?

114⟩ Is there any advantage of using $.ajax() for ajax call against $.get() or $.post()?

115⟩ What is the difference between calling stop(true,true) and finish method?

116⟩ What are the slow selectors in jQuery?

117⟩ What are deferred and promise object in jQuery?

118⟩ Can we include multiple version of jQuery? If yes, then how they are executed?

119⟩ Does jQuery 2.0 supports IE?

120⟩ How can events be prevented to work after an ajax request?

Quick Links:

JQuery Programmer

Home Client Side Scripting JQuery Programmer

154 JQuery Programmer Questions And Answers

101⟩ What is difference between $(this) and 'this' in jQuery?

102⟩ What is the difference between event.PreventDefault and event.stopPropagation?

103⟩ How to get the outer width (including the border) of an element using jQuery?

104⟩ How to check if event.stopPropagation() was ever called on this event object?

105⟩ How to binds a function to be executed whenever the DOM is ready to be traversed and manipulated using jQuery?

106⟩ Whether our own specific characters are used in place of $ in jQuery?

107⟩ How to select single element using jQuery with the given element id some-id?

108⟩ What is the use of each function in jQuery?

109⟩ How to find all the child nodes inside the matched elements (including text nodes), or the content document, if the element is an iframe using jQuery?

110⟩ What is finish method in jQuery?

111⟩ What is the difference between event.PreventDefault and "return false"?

112⟩ How to stop the rest of the event handlers from being executed in jQuery?

113⟩ How to select element having a particular class (".selected")?

114⟩ Is there any advantage of using $.ajax() for ajax call against $.get() or $.post()?

115⟩ What is the difference between calling stop(true,true) and finish method?

116⟩ What are the slow selectors in jQuery?

117⟩ What are deferred and promise object in jQuery?

118⟩ Can we include multiple version of jQuery? If yes, then how they are executed?

119⟩ Does jQuery 2.0 supports IE?

120⟩ How can events be prevented to work after an ajax request?

BE THE FIRST TO KNOW

Quick Links: