jQuery first ve last Kullanımı

First ve last parametreleri, jQuery ile seçilen öğelerin içinden ilk veya sonuncusunu seçmek için kullanılır. Bu parametreler, bir seçim sonucu dönen öğeler arasında belirli bir sıradaki öğeyi seçmek için kullanışlıdır.

Geniş Açıklama:

first ve last parametreleri, jQuery ile öğeleri seçerken veya filtrelerken kullanabileceğiniz önemli parametrelerdir. Bu parametreler, seçim sonucu dönen öğelerin içinden belirli bir sıradaki öğeleri seçmenizi sağlar.

HTML ve jQuery örnek kodu ile bu parametreleri nasıl kullanabileceğinizi gösterelim:

HTML Örneği:

<body>
    <ul>
        <li>Öğe 1</li>
        <li>Öğe 2</li>
        <li>Öğe 3</li>
        <li>Öğe 4</li>
        <li>Öğe 5</li>
    </ul>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</body>

jQuery (script.js) Örneği:

$(document).ready(function() {
    // Tüm liste öğelerini seçer
    var listeOgeleri = $("ul li");

    // İlk öğeyi seçer ve arka plan rengini değiştirir
    listeOgeleri.first().css("background-color", "yellow");

    // Son öğeyi seçer ve metni kalın yapar
    listeOgeleri.last().css("font-weight", "bold");
});
Kategoriler