Açıklama : Ebeveyninin ilk çocuğu olan elemanları bulur.
jQuery( ":first-child" )
Eklendiği Versiyon 1.1.4
Metod .first() sadece bir tek eleman seçerken
:first-child seçicisi her ebeveyn elemanın ilk çocuğundan oluşan bir set
döner. Bu seçici :nth-child(1) seçicisi ile eşdeğerdir.
Örnekler:
Her <div>'deki ilk <span> elemanını bulup altını çiz
ve hover etkisi ver.
<style>
span { color: #008; }
span.sogreen {
color: green;
font-weight: bolder;
}
</style>
<div>
<span>John,</span><span>Karl,</span><span>Brandon</span>
</div>
<div>
<span>Glen,</span><span>Tane,</span><span>Ralph</span>
</div>
<script>
$( "div span:first-child" )
.css( "text-decoration", "underline" )
.hover(function() {
$( this ).addClass( "sogreen" );
}, function() {
$( this ).removeClass( "sogreen" );
});
</script>
John,Karl,Brandon
Glen,Tane,Ralph