:first - İlk Html Elemanını Seçme

Belirtilen niteliklerdeki html elemanlarının ilkini seçer.

<div id="ornekkod">
<button>Kutuları Seç</button>
<br/>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<script>
$('#ornekkod button').click(function(){
$('#ornekkod div:first').css({"background":"#ff0000"});
});
</script>

$('#ornekkod div:first') seçicisi "id'si ornekkod olan html elemanı" içindeki "ilk div" etiketini temsil etmiştir.

Tam html yapısı;

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hicertcetin.com</title>
<style type="text/css">
#ornekkod{padding:5px; background:#ddd; text-align:center; border:1px solid #656565}
#ornekkod div{display:inline-block;width:50px; height:50px; line-height:50px;margin:1px; background:#000}
#ornekkod button{height:30px; font-weight:bold}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<div id="ornekkod">
<button>Kutuları Seç</button>
<br/>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<script>
$('#ornekkod button').click(function(){
$('#ornekkod div:first').css({"background":"#ff0000"});
});
</script>
</body>
</html>
- 29.05.2014 3

Sosyal Medya Paylaşım Alanı