【问题标题】:JQuery efficient way to $("#foo > .row") (direct child) [duplicate]JQuery有效的方法来$(“#foo> .row”)(直接孩子)[重复]
【发布时间】:2014-07-05 06:45:16
【问题描述】:

我使用这个 JQuery-Selector:

$("#foo > .row")

PHPStrom 向我展示了低效的 jquery 选择器

仅选择一个 ID 的直接子代的更有效方法是什么?

【问题讨论】:

  • 虽然链接的答案不是完全重复的,但它也专门涵盖了这种情况。

标签: jquery performance


【解决方案1】:

通过 id 选择元素,然后获取它的子元素。

$("#foo").children()

这更有效,因为它首先使用document.getElementById,然后它获取元素的子节点,即元素,完全跳过选择器引擎。

【讨论】:

  • +1 在 Chrome 34 和 IE 11 中验证了这一点 jsperf.com...
  • 将其留在这里,因为链接问题中的答案并未专门使用此示例
猜你喜欢
  • 1970-01-01
  • 2020-05-02
  • 2014-07-19
  • 1970-01-01
  • 2012-07-26
  • 2013-06-04
  • 1970-01-01
  • 1970-01-01
  • 2017-12-11
相关资源
最近更新 更多