":最后的型"或" .last()"使用JQuery时

时间:2016-10-21 22:46:03

标签: javascript jquery jquery-selectors css-selectors pseudo-class

: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和捎带浏览器的功能?谁能证实这一点?

在我看来,":最后一个"如果是这样的话会更好。

1 个答案:

答案 0 :(得分:5)

.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>