代码之家  ›  专栏  ›  技术社区  ›  Angshu31

Sizzle和document.queryselector有什么区别

  •  0
  • Angshu31  · 技术社区  · 4 年前

    querySelector/querySelectorAll 是CSS选择器。

    Sizzle("my CSS query")
    

    document.querySelectorAll("my CSS query")
    

    document.querySelector 只有一个元素。

    其他 性能差异?

    编辑 只是 关于Sizzle选择器引擎(和 querySelectorAll ). 请不要涉及jQuery。

    2 回复  |  直到 4 年前
        1
  •  0
  •   Mr Khan Sasi Zets    4 年前

    Sizzle是一个纯JavaScript CSS选择器引擎,设计简单 访问了主机库。

    他们说,jQuery是jQuery项目的衍生产品,但当jQuery和Sizzle之间出现差异时,jQuery是一个库构建,用于简化人们难以理解的javascript复杂语法,并获得一个特别是begineers的网格。因此,如果您使用JQuery,那么在sizzler提供的相对较少的地方,会有很多开销。

    它更喜欢使用querySelector而不是Sizzler,因为它只是一个额外的开销,很容易用VanillaJS完成,所以为什么要浪费它呢。他们都做同样的事。

        2
  •  0
  •   t.niese    4 年前

    Sizzle querySelectorAll 不存在。它的发展在 查询选择器 为了避免早期实现的浏览器错误 .

    嘶嘶声 它自己试图直接使用 查询选择器 并且只在选择器不受支持或已知给定浏览器版本有bug时才使用自己的DOM遍历。所以对于现代浏览器来说,性能上不应该有明显的差异,因为 查询选择器 在两种情况下都会用到。

    查询选择器 , Swizzle 允许定义自定义伪选择器,但缺点是您无法从性能中获益 现在提供。

    所以现在如果不需要自定义伪选择器,就不需要 嘶嘶声 不再。只有在需要针对已知有缺陷的较旧浏览器版本时,才能使用它。