Javascript 什么更快？ IF 语句中的多个 OR 以 objective-c ss，或一个 IF 具有多个 css 目标

Question

如果当前页面包含以下属性之一，我已经设置了一些代码来运行

if($('body[data-section="chicken"]').length || $('body[data-section="friedchicken"]').length){ 
    (function() {
      ///...
    }
}

现在我可以简单地这样做:

if($('body[data-section="chicken"],body[data-section="friedchicken"]').length){ 
    (function() {
      ///...
    }
}

基本上，一个在目标页面上自动向下滚动的功能。但我很好奇!哪个更快地检测到这些目标？以及我问的原因是因为我将使用超过 2 个 css 选择器。

Answer 1

如果速度是一个问题，那么跳过 jQuery 层，直接处理 body 元素，并且只查询一次它的 data-section 属性:

var attr = document.body.getAttribute('data-section');
if (attr == 'chicken' || attr == 'friedchicken') {
    // ...
};