Jquery .find 和简单的祖先和后代之间的空格有什么区别？

Question

$("div .product"); 选择具有 div 祖先的 product 类的元素 据我所知，$("div").find(".product"); 的作用完全相同。

两者都适合我。 我想知道应该使用哪个来简化我的代码？

Answer 1

如果您已经有一个带有父元素的 jQuery 对象，则 Find 特别有用：

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") 一起使用即可。