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'); 

顺便说，该“结肠选择”你指的是被称为伪类（通俗地但不正确地已知的s“伪选择器”）。

Answer 2

1. 是的，他们是在documentation
2. 有时你不能总是包括选择一切还是要选择的细分。

例如

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

Answer 3

冒号表示滤波器喜欢拿在下拉列表中选择的选项，我会用$("select option:selected")或得到一个检查单选框我会用$("input[type=radio]:checked");

没有：上和：下一个过滤器，但你可以找到的滤镜功能的完整列表http://api.jquery.com/category/selectors/

Answer 4

这里是我做了一个滑块与各种选择和对象穿越的。

$('#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(); 
     }); 
    } 
    } 

});