使用JQuery时,":last-of-type"或".last()"

Question

:last-of-type(截至v1.9) vs .last()(截至v1.4):这两种方法都有效,但任何人都可以告诉我哪种方法基于效率更好？

例:

$(".item").last();

$(".item:last-of-type");

".last()"已经存在更长时间(截至v1.4).JQuery是否内置了":last-of-type",还是只是利用CSS并捎带浏览器的功能？谁能证实这一点？

在我看来,如果适用的话,":last-of-type"会更好.

Answer 1

.last() 是比较快的.

注意,选择器执行不同的选择

:last-of-type

最后一个选择器

描述:选择同一元素名称的兄弟姐妹中最后一个元素.

.last()

.持续()

描述:将匹配元素集减少到集合中的最后一个元素.

console.time("lastOfType");
$(".item:last-of-type");
console.timeEnd("lastOfType");

console.time("last");
$(".item").last();
console.timeEnd("last");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>