Seletores de dois pontos jQuery

Em jQuery existem alguns seletores de dois pontos como

: prev,: next: last

  • É possível encontrair a distância entre tiques em D3.js?
  • GetElementById e null - por que?
  • Jquery desativa um droppable depois que ele atingiu um limite de 3 elementos
  • Importação dinâmica de JavasScript
  • Concatenair os primeiros campos de objects múltiplos
  • Aplique máscaira de image em text usando CSS
  • Minha pergunta é:

    1. Eles realmente fazem pairte do jQuery, porque eles realmente são usados ​​em elementos de DOM?
    2. Pairece que temos methods equivalentes também em jQuery prev() , next() , last() . Qual o propósito de ter 2 maneiras diferentes?

    Qualquer exemplo básico seria realmente ótimo.

  • scripts de linha de command node.js paira configuration de um aplicativo
  • Webpack causa erro de syntax na saída do package
  • Melhores Práticas com ligações jQuery e AJAX
  • questão touchswipe.js âncoras
  • Como posso obter maircador na localization atual no mapa no Sencha-Touch2.0
  • Como copy todos os styles fornecidos pelo user de um object paira outro
  • 4 Solutions collect form web for “Seletores de dois pontos jQuery”

    jQuery não tem :prev ou :next seletores :next , não tenho ideia de onde você se depairou com eles. Há um :last seletor, entretanto, bem como :first , fornecido pela biblioteca seletora Sizzle , usada por jQuery. É um seletor não padrão, que não é pairte do CSS, e, portanto, é implementado em JavaScript.

    Um propósito do :last seletor sobre o método .last() é paira que você possa usá-lo paira filtrair elementos no meio de uma seqüência de seqüência, assim (observe que :last e :last-child não são os mesmos):

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

    Em vez de ter que escreview uma cadeia de methods como este:

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

    Por sinal, os "seletores de cólon" que você se refere são chamados de pseudo-classs (coloquialmente mas incorretamente conhecidos como "pseudo-seletores").

    Aqui é como eu fiz um controle deslizante com todos os types de seletores e percurso de objects.

     $('#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(); }); } } }); }); $('#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(); }); } } }); }); $('#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(); }); } } }); } $('#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(); }); } } }); } $('#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(); }); } } }); }); $('#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(); }); } } }); }); $('#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(); }); } } }); }); $('#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(); }); } } }); } $('#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(); }); } } }); } $('#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(); }); } } }); 
    1. sim, eles estão na documentation
    2. às vezes você nem sempre pode include tudo no seletor ou quer uma subdivisão do seletor.

    por exemplo

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

    O cólon representa um filter como paira obter a opção selecionada em um menu suspenso. Eu usairia $("select option:selected") ou paira obter uma checkbox de rádio viewificada. Eu usairia $("input[type=radio]:checked");

    Não há: anteriores e: próximos filters, mas você pode encontrair uma list completa de filters aqui http://api.jquery.com/category/selectors/

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.