首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery遍历与伪类

jQuery遍历与伪类
EN

Stack Overflow用户
提问于 2014-11-01 21:30:33
回答 1查看 241关注 0票数 2

我想知道jQuery选择器中遍历类和伪类之间的区别。

在包含以下内容的DOM中:

代码语言:javascript
运行
复制
<ul id="destination">
  <li>A</li>
  <li>B</li>
</ul>

以下jQuery代码将选择相同的元素:

代码语言:javascript
运行
复制
# Pseudo class
$("#destination li:first");

# Traversing
$("#destination").find("li").first();

我听说第二种方法更有效,尽管使用了更多的击键。什么是最佳做法?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-11-01 21:49:38

您可以通过F12开发工具来度量效率。例如,下面是Internet中使用轮廓仪 2.1.2-pre的这两种方法的输出。

下面是使用$.fn.find$.fn.first的结果。您将注意到,与使用伪类相比,它的工作要少得多。

如前所述,使用伪类(非标准口吻语法)需要做更多的工作:

结果本身就说明了问题。尽管这些结果明显不同,但不要让这种或那种方式影响你。使用适合您的项目的内容。实际的性能差异是可以忽略不计的,不太可能值得您的关注。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26693471

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档