jQuery 冒号选择器

Question

在 jQuery 中有一些冒号选择器，例如

：上一个，：下一个，：最后一个

我的问题是：

1. 它们真的是 jQuery 的一部分吗，因为它们实际上用在 DOM 元素上？
2. 我们在 jQuery prev()、next()、last() 中似乎也有等效的方法。有两种不同方式的目的是什么？

任何基本的例子都会很棒。

Answer 1

jQuery 没有 :prev 或 :next 选择器，我不知道你在哪里遇到它们。不过，有一个 :last 选择器，以及 :first，由 Sizzle 选择器库，由 jQuery 使用。它是一个非标准选择器，不是 CSS 的一部分，因此是在 JavaScript 中实现的。

在 .last() 方法上使用 :last 选择器的目的之一是，您可以使用它来过滤选择器序列中间的元素，如下所示（请注意:last 和 :last-child 不一样）：

$('.a > .b:last > .c')

而不必编写这样的方法链：

$('.a').children('.b').last().children('.c');

顺便说一下，您引用的“冒号选择器”被称为伪类（通俗地但错误地称为“伪选择器”）。

Answer 2

以下是我如何制作带有各种选择器和遍历对象的滑块。

$('#next').click(function () {
  if (!$('*').is(':animated')) {
    if ($('div.display:visible').is(':nth-child(3)')) {

      $('div.display:visible').fadeOut();
      $('div.display:first').fadeIn(function () {
        $(this).children().fadeIn();
      });

    } else {

      $('div.display:visible').fadeOut().next().fadeIn(function () {
        $(this).children().fadeIn();
      });
    }
  }

});

$('#prev').click(function () {
  if (!$('*').is(':animated')) {
    if ($('div.display:visible').is(':nth-child(1)')) {
      $('div.display:visible').fadeOut();
      $('div.display:last').fadeIn(function () {
        $(this).children().fadeIn();
      });

    } else {
      $('div.display:visible').fadeOut().prev().fadeIn(function () {
        $(this).children().fadeIn();
      });
    }
  }

});

Answer 3

1. 是的，它们位于文档中
2. ，有时您不能总是在选择器中包含所有内容或想要选择器的细分。

例如

$(".mylist").each(function(){
  $(this).css("color","red");
  $(this).next().show();
})

Answer 4

冒号代表一个过滤器，例如要在下拉列表中获取所选选项，我会使用 $("select option:selected") 或要获取选中的单选框，我会使用 $("input [type=radio]:checked");

没有 :prev 和 :next 过滤器，但您可以在此处找到过滤器的完整列表 http://api.jquery.com/category/selectors/