81⟩ How to reduce the set of matched elements to a single element using jQuery?
The eq( index ) method reduces the set of matched elements to a single element.
JQuery Programmer
Home Client Side Scripting JQuery Programmer
“JQuery Programmer Frequently Asked Questions in various JQuery Developer job Interviews by interviewer. The set of questions here ensures that you offer a perfect answer posed to you. So get preparation for your new job hunting”
154 JQuery Programmer Questions And Answers
82⟩ Where can we download JQuery?
jQuery javascript can be downloaded from jQuery official website - www.jquery.com
83⟩ Which sign is used as a shortcut for jQuery?
Dollar ($) sign is used as a shortcut for jQuery.
84⟩ Give an example of closure?
Following example shows how the variable counter is visible within the create, increment, and print functions, but not outside of them −
function create() {
var counter = 0;
return {
increment: function() {
counter++;
},
print: function() {
console.log(counter);
}
}
}
var c = create();
c.increment();
c.print(); // ==> 1
85⟩ How will you make sure that DOM is ready using jQuery?
Use $(document).ready() function. Everything inside it will load as soon as the DOM is loaded and before the page contents are loaded.
86⟩ Where jQuery code is getting executed?
jQuery code is getting executed on a client browser.
87⟩ How to remove an attribute from each of the matched elements using jQuery?
The removeAttr( name ) method can be used to remove an attribute from each of the matched elements.
88⟩ What is the script build up by jQuery?
jQuery is a Javascript file and it is single javascript file that contains common DOM, event effects and Ajax functions.
89⟩ How to select elements using jQuery whose css class is some-class?
$('.some-class') selects all elements in the document that have a class of some-class.
90⟩ Explain slideToggle() effect?
slideToggle() effect is used to give animated sliding effect to an element.
Syntax:
slideToggle([ duration] [, easing] [, callback])
1. "duration" is the number specifying how long the animation will run.
2. "easing" is the string which specify the function for the transition.
3. "callback" is the function which we want to run once the animation is complete.
4. If the element is visible then this effect will slide the element up side and make it completely hidden. If the element is hidden then slideToggle() effect will slide it down side and make it visible.
5. We can specify the toggle speed with this effect.
For example
$("#clickme").click(function()
{
$("#mydiv").slideToggle("slow", function()
{
//run after the animation is complete.
});
});
91⟩ Can we call C# code behind using jQuery?
Yes, we can call C# code from jQuery as it supports .net application.
92⟩ Is jQuery is a JavaScript or JSON library file?
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.
93⟩ Can we have multiple document.ready() function on the same page?
YES. We can have any number of document.ready() function on the same page.
94⟩ How to set the height of an element using jQuery?
The height( val ) method sets the CSS height of every matched element.
95⟩ What is the difference between onload() and document.ready()?
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.
96⟩ How to read, write and delete cookies using jQuery?
► To deal with cookies in jQuery we have to use the Dough cookie plugin.
► Dough is easy to use and having powerful features.
1. Create cookie
$.dough("cookie_name", "cookie_value");
2. Read Cookie
$.dough("cookie_name");
3. Delete cookie
$.dough("cookie_name", "remove");
97⟩ Is it possible to use other client side libraries like MooTools, Prototype along with jQuery?
Yes.
98⟩ What is jQuery.noConflict?
As other client side libraries like MooTools, Prototype can be used with jQuery and they also use $() as their global function and to define variables. This situation creates conflict as $() is used by jQuery and other library as their global function. To overcome from such situations, jQuery has introduced jQuery.noConflict().
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
You can also use your own specific character in the place of $ sign in jQuery.
var $j = jQuery.noConflict();
// Use jQuery via jQuery(...)
$j(document).ready(function(){
$j("div").hide();
});
99⟩ How to checks the current selection against an expression using jQuery?
The is( selector ) method checks the current selection against an expression and returns true, if at least one element of the selection fits the given selector.
100⟩ How to select all elements using jQuery?
$('*') selects all elements available in a DOM.
