javascript - $ ("#context .searched") 和 $ (".searched", $ ("#context")) 有什么区别？

Question

这个问题我想了很久。

理论上，jQuery 核心函数接受一个可选值，该值可以是 DOM 元素 - $(".searched",$("#context")[0]) - 或 jQuery 对象 - $(".searched",$("#context") ) 。我发现最后一个问题读得很好 article .

但我真的看不出使用上下文和传递更复杂的 css 表达式之间的区别。如果它的工作方式没有区别，那么性能上有区别吗？

谢谢

Answer 1

它被转换为 DOM 元素(在 Sizzle 中，上下文部分)以在您的任何一种情况下进行搜索，ultimately doing一个.find()在幕后。

如果您担心性能(为什么不尽可能快？)，您应该改用它:

$("#context .searched")

这个版本gets converted back into a jQuery object :

$("#context")[0]

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