$("div.product");
выбирает элементы с классом продукта, у которого есть предок div $("div").find(".product");
делает то же самое, насколько я вижу.
Оба работают отлично для меня. Я хотел бы знать, что я должен использовать, чтобы упорядочить мой код?
Найти особенно полезно, если у вас уже есть объект jQuery с родительскими элементами:
var $elements = $("div");
// some code that does other stuff with $elements
// ...
// then
var $products = $elements.find(".product");
Или даже если у вас есть прямая ссылка на элемент DOM, который является родителем/предком:
$(domElementRef).find(".product");
// or inside an event handler where 'this' is the DOM element the event applied to:
$(this).find(".product");
Если вам не нужно выполнять какую-либо обработку элементов (элементов) родителя/предка, вам просто нужно использовать комбинированный селектор с $("div.product")
.