Jquery derslerimize kaldığımız yerden ediyoruz.Bu dersimiz de
first() ve
last() fonksiyonlarını işleyecğiz.First seçtiğimiz elemandan sayfada ilk olanı seçer.Last seçtiğimiz elemandan sayfada en sonda olanı seçer.Bu şekil de
ilk ve son elemanlara erişerek işlem yapabiliriz.
$("seçici").first();
Bu şekil de ilk elemana erişiyoruz.
$("seçici").last();
Bu şekilde de son elemana erişiyoruz.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
$(".alan div").first().css("color","#15d4f5");
$(".alan div").last().css("color","#15d4f5");
})
</script>
</head>
<body>
<div>UstaDerslik-1</div>
<div>UstaDerslik</div>
<div>UstaDerslik</div>
<div>UstaDerslik</div>
<div>UstaDerslik-1</div>
</body>
</html>
Yukarıdaki örnekte
UstaDerslik-1 olanlar renkli gözükecektir.
UstaDerslik
