问$("#context .searched")和$(".searched"，$("#context"))有什么区别？

EN

主要区别在于$(".searched", context);也可以将变量作为上下文。它实际上是在幕后做$(context).find('.searched');，我认为第二个版本更具可读性，所以我通常使用第二个版本。

这种情况的用法如下：

$.fn.highlightSearch = function() {
  return this.each(function() {
    $('.searched', this).addClass('highlighted');
    // the commented line performs the same thing:
    // $(this).find('.searched').addClass('highlighted');
  });
};

$('#context').highlightSearch();
$('.somethingElse').highlightSearch();

请注意，在这种情况下，您不能简单地将新选择器附加到原始选择器的末尾。

如果你没有其他理由持有$('#context')的副本，那么使用$('#context .searched')将会更快、更简单。但是，如果您已经将$('#context')存储在一个变量中，那么最好使用.find(select)或$(selector, context)表单来搜索包含的元素。

它被转换为一个DOM元素(在Sizzle中是上下文部分)，以便在您的任一案例中进行搜索，在幕后执行ultimately doing a .find()。

如果你关心的是性能(为什么不尽可能快一点呢？)，你应该使用下面的代码：

$("#context .searched")

此版本的gets converted back into a jQuery object

$("#context")[0]

所以它在jquery方面有点慢，因为它必须在.find()调用之前包装在一个jquery对象中，这种性能差异非常小，但这是唯一的区别，所以我注意到了:)

可读性:像$("#context .searched")这样的CSS选择器比其他选择器更具可读性。