Üye Kayıt Üye Giriş

jQuery Nesne Erişimi [size(), length(), index()]


jQuery Nesne Erişimi [size(), length(), index()]




Evet arkadaşlar bu derste jQuery ile nesne erişimi metodlarını göreceğiz. Direk konuya geçelim. Önce metodu kısaca açıklayıp sonrasında örnek kullanımını göstereceğim.

 

.size()

.length()

.index()

 

 

.size()  -> size() metodu bize seçmiş olduğumuz nesnelerin sayısını verir.

1
2
3
var sayi=$('div').size();
 
alert(sayi);

 

Üsteki jQuery kodumuzla önce aşağıdaki div leri seçtik sonrasında size() metoduyla saydırdık ve alert ile ekrana bastırdık.

 

1
2
3
4
5
<div class="sol">
 
<div class="menu">
<p>< Paragraftır.</p>
</div></div>

 

.length() -> size() metoduyla aynıdır. Hiç bir farkı yoktur. Kullanımı da aynı olduğu için örnek vermeden geçiyorum.

 

.index()  -> Nesnenin indis numarasını verir. İlerideki uygulamalı örneklerimizde sık sık kullanacağımız bir metottur.

 

1
2
3
4
$('li').click(function(){
var indis=$(this).index();
alert(indis);
 });

 

 

Bu örneğimizde her li nesnesine tıklandığında o li nesnesinin indis numarasını ekrana bastırdık. Görmediğiniz metodlar olduğu için karışık gelebilir. Şimdilik bu örneği geçebilirsiniz sonraki derslerimizde bu konuyu daha iyi kavrayabilirsiniz.

 

 

1
2
3
4
5
6
<ul>
 <li>Antalya</li>
 <li>Ankara</li>
 <li>İstanbul</li>
 <li>Trabzon</li>
 </ul>

 

 

Nesne erişimi için kullandığımız metodlar bu kadarla sınırlı değil ama en önemlileri bunlar. Zaten yeri geldiği zaman uygulamalarımızda kullandığımız zaman konular daha iyi pekişecektir. Şimdilik sadece mantığını kavramaya çalışmanız yeterlidir. Zaten jQuery mantığını kavradıktan sonra gerisi sadece metodları ve fonksiyonları öğrenmektir.

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

ETİKETLER

x