How does caching helps and how to use caching in jQuery?
Answer / chaitanya
Caching is an area which can give you awesome performance, if used properly and at the right place. While using jQuery, you should also think about caching. For example, if you are using any element in jQuery more than one time, then you must cache it. See below code.
Hide Copy Code
$("#myID").css("color", "red");
//Doing some other stuff......
$("#myID").text("Error occurred!");
Now in above jQuery code, the element with #myID is used twice but without caching. So both the times jQuery had to traverse through DOM and get the element. But if you have saved this in a variable then you just need to reference the variable. So the better way would be,
Hide Copy Code
var $myElement = $("#myID").css("color", "red");
//Doing some other stuff......
$myElement.text("Error occurred!");
So now in this case, jQuery won't need to traverse through the whole DOM tree when it is used second time. So in jQuery, Caching is like saving the jQuery selector in a variable. And using the variable reference when required instead of searching through DOM again.
Is This Answer Correct ? | 0 Yes | 0 No |
Explain the difference between onload() and document.ready() function used in jquery?
What are selectors in jquery mean ?
What are the advantage of using minimized version of jquery?
How to keep the submit text from showing with jquery mobile? : jquery mobile
How can we show and hide an element via jquery?
How can you use a jquery library in your project?
Explain which program is useful for testing jquery?
What is the between $(this) and 'this' in jquery?
What is the difference between onload() and document.ready() function used in jquery?
What is the name of jquery method used for an asynchronous http request?
What is finish method in jQuery?
What is the use of .size() method in jquery?