jquery - 如何改变jquery中逻辑OR的优先级？

Question

我有一个 jQuery 选择器:

div div ul li.normal a, div div ul li.massive a

是否有一个逻辑上等价的选择器，如下所示:

div div ul (li.normal, li.massive) a

任何比以下更好的解决方案:

$('div div ul li').filter('.normal, .massive').find('a')

Answer 1

这确实是个人偏好，涉及您认为随着时间的推移，您的应用程序可能会发生变化的详细信息。如果我预计这两个选择器将来会出​​现分歧，我可能会使用逗号将它们完全分开，如下所示:

$('div div ul li.normal a, div div ul li.massive a')

但是，如果没有任何改变结构的计划，那么您在问题中的示例将会非常有效。

如果您对选择器的速度有疑问，您可以在它周围放置一些计时代码并比较哪个选择器更快。

Multiple Attribute Selector基本上相当于 OR 的 jQuery 选择器。在文档中它说:

Selects the combined results of all the specified selectors.

它可以用于元素选择器、类选择器、id选择器、属性选择器等的任意组合

因此，如果您想 100% 遵守 DRY 原则，您的示例似乎是最简化的版本:

// -----------------------[ normal || .massive ]--------
$('div div ul li').filter('.normal, .massive').find('a')