jQuery पेट के चयनकर्ताओं

Question

jQuery में वहाँ की तरह

कुछ पेट के चयनकर्ताओं हैं पिछले

मेरा प्रश्न है:

1. वे सही मायने में का हिस्सा हैं jQuery, क्योंकि वे वास्तव में डीओएम तत्वों पर उपयोग किया जाता है?
2. हमारे पास jQuery prev(), next(), last() में समकक्ष विधियों के साथ-साथ लगता है। 2 अलग-अलग तरीकों का उद्देश्य क्या है?

कोई भी मूल उदाहरण वास्तव में महान होगा।

Answer 1

jQuery में :prev या :next चयनकर्ता नहीं हैं, मुझे नहीं पता कि आप उनके पास कहां आए थे। :last चयनकर्ता है, हालांकि, :first, Sizzle चयनकर्ता लाइब्रेरी द्वारा प्रदान किया गया है, जो jQuery द्वारा उपयोग किया जाता है। यह एक गैर-मानक चयनकर्ता है, सीएसएस का हिस्सा नहीं है, और इस प्रकार जावास्क्रिप्ट में कार्यान्वित किया जाता है।

.last() पद्धति पर :last चयनकर्ता में से एक उद्देश्य तो है आप इसका इस्तेमाल कर सकते हैं एक चयनकर्ता अनुक्रम के बीच में तत्वों फिल्टर करने के लिए, इस तरह (ध्यान दें कि :last और :last-child ही नहीं हैं):

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

बल्कि इस तरह के तरीकों की एक श्रृंखला लिखने के लिए की तुलना में:

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

वैसे, "पेट के चयनकर्ताओं" आप छद्म वर्गों (बोलचाल की भाषा है, लेकिन गलत तरीके से जाना जाता है एक कहा जाता है का उल्लेख एस "छद्म चयनकर्ता")।

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

});