jquery - 选择特定父元素的子元素

Question

我有一个有效的代码示例（由其他人编写），但我找不到任何对此特定语法的引用来解释它为什么有效：

var parent = $("#theParentDiv");
var child = $(".title", parent);

这将给我父母的孩子（只有一个），并排除所有其他不来自该父母的 .title 元素。

这如何/为什么起作用？

Answer 1

参考资料在这里，在文档中。第二个参数被文档称为“上下文”。

它之所以有效，是因为 jQuery 将调用转换为对find.

这：

var child = $(".title", parent);

变成这样：

var child = $(parent).find(".title");

...如果它们是父级的后代，则仅查找与选择器匹配的元素。

在 1.10.2 未缩小的 jQuery 脚本中，这发生在第 202 行，如下所示：

return this.constructor( context ).find( selector );