Answer Posted / 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.

What is the use of queue() in jquery?

864

---

Which version of jquery file should be used?

950

---

What is the use of serialize method in jQuery?

956

---

Is jQuery a programming language?

888

---

What is a filter in jquery? Explain

880

---

Tell me is jquery a w3c standard? : jquery mobile

833

---

What is a cdn? What are the advantages of using cdn?

798

---

Create a plugin that would add and remove a class on hover.

831

---

Differentiate between jquery.size and jquery.length? : jQuery Mobile

890

---

Explain jquery connect?

4180

---

With jquery which operating system is more compatible?

878

---

Tell me what does dollar sign ($) means in jquery? : jquery mobile

851

---

What is the difference between prop() and attr() in jquery?

827

---

Explain .live()? : jquery mobile

857

---

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

803

---