jquery .find和祖先和後代之間的空間有什麼區別？

Question

$("div .product");選擇具有div祖先的產品類別的元素 $("div").find(".product");與我所看到的完全相同。

兩者都適合我。 我想知道我應該使用哪個，以便簡化我的代碼？如果你已經有了一個父元素的jQuery對象

Answer 1

查找特別有用：

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")即可。