jquery - jQuery 中的 $(this).find("p").text() 与 $("p", $(this)).text() 考虑速度

Question

如果我有一个像这样的简单 HTML 布局：

<div class="items">
    <p>Some text #1</p>
</div>
.
.
<div class="items">
    <p>Some text #n</p>
</div>

n当想要迭代所有 div 然后获取段落的文本时，以下两种方法中的哪一种在速度方面被认为更好（如果有的话）（如果为了争论，我大约有 10k）：

#1.Approach
$(".items").each(function() {
    var p = $(this).find("p").text();
    //do stuff with p
});

#2.Approach
$(".items").each(function() {
    var p = $("p", $(this)).text();
    //do stuff with p
});

Answer 1

酷，我想你正在寻找.find方法 vscontext method

检查这个（因为你很热衷）

• http://jsperf.com/jquery-find-vs-context-sel/61
• http://jsperf.com/children-vs-find-vs-context

.find如果你想避免这种使用，上下文会被翻译成.find

休息 jspref 将向您展示性能。

希望它适合你的需要。:)虽然两个电话都是一样的。