$() 的第二个参数是什么意思？

Question

我有一个 jQuery 代码如下；

var favorites       = $("#favorites");
var favoritesFooter = $("#favoritesFooter",favorites);

我不确定第二条语句中的逗号是什么意思 $("#favoritesFooter",favorites);

另外，以下语句在上述情况下会做什么或代表什么；

favoritesFooter.prev().after(newHTML);

Answer 1

它是 $() 的第二个参数。正如文档中所述：

选择器上下文

默认情况下，选择器在 DOM 中从文档根开始执行搜索。但是，可以通过使用 $() 函数的可选第二个参数来为搜索提供替代上下文。例如，要在事件处理程序中进行搜索，可以像这样限制搜索：

$('div.foo').click(function() {
  $('span', this).addClass('bar');
});

当跨度选择器的搜索仅限于此上下文时，只有单击的元素内的跨度才会获得附加类。

在内部，选择器上下文是通过 .find() 方法实现的，因此 $('span', this) 相当于 $(this).find('span')。

Answer 2

第二条语句的意思是“在 jQuery 对象 favorites 内搜索 ID 为 favoritesFooter 的元素”。

当您处理的 ID 应该是唯一的时，这是没有意义的 - $("#favoritesFooter") 是最佳实践。

关于 favoritesFooter.prev() ，它也是毫无意义的，假设 ID 是唯一的，因此您的集合只有一个元素，因此 prev() 将返回空的 jQuery 集合。

.prev() 将采用前一个 DOM 元素 - 在您的情况下，它将在 favoritesFooter 元素之前推送 newHTML 。