Golgappa.net | Golgappa.org | BagIndia.net | BodyIndia.Com | CabIndia.net | CarsBikes.net | CarsBikes.org | CashIndia.net | ConsumerIndia.net | CookingIndia.net | DataIndia.net | DealIndia.net | EmailIndia.net | FirstTablet.com | FirstTourist.com | ForsaleIndia.net | IndiaBody.Com | IndiaCab.net | IndiaCash.net | IndiaModel.net | KidForum.net | OfficeIndia.net | PaysIndia.com | RestaurantIndia.net | RestaurantsIndia.net | SaleForum.net | SellForum.net | SoldIndia.com | StarIndia.net | TomatoCab.com | TomatoCabs.com | TownIndia.com
Interested to Buy Any Domain ? << Click Here >> for more details...


How does caching helps and how to use caching in jQuery?



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

Post New Answer

More jQuery Interview Questions

Mac, windows or linux? Why do you love this platform while using jquery?

0 Answers  


How to programmatically trigger a click event thats being handled by jquery only?

0 Answers  


What is the difference between jquery's ready and holdready?

0 Answers  


Where jQuery code is getting executed?

0 Answers  


How to use jquery?

0 Answers  


Explain type paremeter of jquery ajax method?

0 Answers  


What is .detach()? : jquery mobile

0 Answers  


What are the two types of CDNs?

0 Answers  


Is it possible that jquery html work for both html and xml document?

0 Answers  


What is the difference between jQuery and jQuery UI?

2 Answers  


Explain various methods to make ajax request in jquery?

0 Answers  


How can we give face effect in jquery?

0 Answers  


Categories