Jquery .find와 조상과 자손 사이의 단순한 공백의 차이점은 무엇입니까?

Question

$("div .product");은 div 조상이있는 제품 클래스로 요소를 선택합니다. $("div").find(".product");은 내가 볼 수있는 것과 완전히 똑같습니다.

둘 다 잘 작동합니다. 코드를 간소화하기 위해 어느 것을 사용해야하는지 알고 싶습니다. 이미 부모 요소가있는 jQuery를 객체가있는 경우

Answer 1

찾기에 특히 유용합니다 :

$(domElementRef).find(".product"); 
// or inside an event handler where 'this' is the DOM element the event applied to: 
$(this).find(".product"); 

:

var $elements = $("div"); 
// some code that does other stuff with $elements 
// ... 
// then 
var $products = $elements.find(".product"); 

또는 당신은 부모/조상 DOM 요소에 대한 직접 참조를 경우에도

부모/조상 요소에 대한 처리를 수행 할 필요가없는 경우 결합 된 선택자를 $("div .product")과 함께 사용하면됩니다.