So I read that caching selectors is a best practice, and I'm trying to update my script accordingly.

2. //This is BAD
3. $('#item li').css ('color', '#123456');  
4. $('#item li').html ('hello');  
5. $('#item li').css ('background-color', '#ffffff');  
6. 
   
7. //This is GOOD
8. var item = $('#item li');  
9. item.css ('color', '#123456');  
10. item.html ('hello');  
11. item.css ('background-color', '#ffffff');  

My question is what if I have a lot of children to access, will caching improve performance in this case:

2. //Method #1
3. $('#item li h3').css ('color', '#123456');  
4. $('#item li p#greeting').html ('hello');  
5. $('#item li span').css ('background-color', '#ffffff');  
6. 
   
7. //Method #2
8. var item = $('#item li');  
9. item.find("h3").css ('color', '#123456');  
10. item.find("p#greeting").html ('hello');  
11. item.find("span").css ('background-color', '#ffffff');

Is there ANY advantage of going with Method #2 over #1 here, or does the .find() selector negate any caching that is happening?  And does this also apply to .filter() ?

Thanks for any help!