Interested to Buy Any Domain ? << Click Here >> for more details...
How does caching helps and how to use caching in jQuery?
- 1 Answers
- 1992 Views
- I also Faced
- E-Mail Answers
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 |
Difference between prop() and attr()? : jQuery Mobile
How do you update ajax response with id " resilts"?
What are the advantage of using minimized version of jquery?
How can we give face effect in jquery?
What are the features of jQuery, has been used in web applications?
Explain the difference between event.preventdefault and "return false"? : jquery mobile
Which are the fastest selectors in jquery? : jquery mobile
Difference between document.ready and window.onload? : jQuery Mobile
How to work with jQuery parent(), children() and siblings()?
How to programmatically trigger a click event that's being handled by jquery?
What is the use of delegate() method in jquery?
Explain the difference between body onload() and document.ready() function? : jquery mobile
ASP 
