:last-of-type (as of v1.9) vs .last() (as of v1.4):这两种方法都有效,但任何人都可以告诉我哪种方法效率更高?
示例:
$(".item").last();
$(".item:last-of-type");
"。去年()"已经存在更长时间(截至第1.4节)。 JQuery有":last-of-type"内置,还是只是利用CSS和捎带浏览器的功能?谁能证实这一点?
在我看来,":最后一个"如果是这样的话会更好。
答案 0 :(得分:5)
.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>