25. Gün – jQuery Dersi 25

Yirmi beşinci jquery dersimizde aşağıdakileri öğrendik;
– :odd (tek) ve :even (çift) Seçicileri
– :gt ve :lt Seçicileri

:odd Seçicisi
Seçtiğimiz nesneyi odd ile seçtiğimizde, sadece indis değeri tek olan nesneleri seçecektir.. Yani;

$("ul li:odd").css("background","#eee");

Bu şekilde ul içindeki li’lerde indis değeri tek olanları seçip arka plan rengini değiştirecektir.

:even Seçicisi
odd’nin tam tersi olup, çift indis değeri olan nesneleri seçmemizi sağlar. Yani;

$("ul li:even").css("background","#ddd");

Bu şekilde ul içindeki li’lerde indis değeri çift olanları seçip arka plan rengini değiştirecektir.

:gt Seçicisi
Seçici içerisinde yazdığımız değerden büyük indisli nesneleri seçmemizi sağlar.

$("ul li:gt(3)").css("background","#ddd");

li’ler içerisinde indis değeri 3’ten büyük li’leri seçecektir.

:lt Seçicisi
Seçici içerisinde yazdığımız değerden küçük indisli nesneleri seçmemizi sağlar.

$("ul li:lt(3)").css("background","#ddd");

li’ler içerisinde indis değeri 3’ten küçük li’leri seçecektir.

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“25. Gün – jQuery Dersi 25” üzerine 14 yorum

  1. Sağolasın tayfun kardeş yine faydalı bir ders sunmuşsun. Sayende çalışmalarımdaki jquery ihtiyacımı karşılayabilir hale geldim.

  2. Dersler için sağol sürekli takipteyim. Daha kaç ders çekmeyi düşünüyorsunuz bunlar bitince jquery ile ilgili fonksiyonel ve sınıfsal kullanım video örnekleri hazırlamanız mümkün mü?

  3. Alıntı: JQuery
    Daha kaç ders çekmeyi düşünüyorsunuz bunlar bitince jquery ile ilgili fonksiyonel ve sınıfsal kullanım video örnekleri hazırlamanız mümkün mü?


    Hocam inşallah o dersleri de çekeriz 🙂 teşekkürler.

  4. Teşekkürler Tayfun. Bir sorum vardı notepad++ da kullandığın bütün eklentileri söyler misin.

  5. Alıntı: Anonim
    Teşekkürler Tayfun. Bir sorum vardı notepad++ da kullandığın bütün eklentileri söyler misin.


    Resmini çektim 🙂

  6. Ya Yapıyorum ama bir sorun var nerede ?
    Kodlar Bu Şekilde

    
    <html>
    <head>
    <title>Faruk</title>
    	<script type="text/javascript" src="http://code.jquery.com/jquery/1.8.2.min.js"></script>
    	<script type="text/javascript">
    	$(function(){
    		$("ul li:odd").css("background","#eee");	
    	});
    	</script>
    </head>
    <body>
    <div id="baslık">
    <font face="arial" size="3" color="#fff"><b>Bu Günün Maçları</b></font>
    </div>
    	<ul>
    		<li>282 - Sevilla - Malaga        İY-X</li>
    		<li>282 - Sevilla - Malaga        İY-X</li>
    		<li>282 - Sevilla - Malaga        İY-X</li>
    		<li>282 - Sevilla - Malaga        İY-X</li>
    		<li>282 - Sevilla - Malaga        İY-X</li>
    		<li>282 - Sevilla - Malaga        İY-X</li>
    		<li>282 - Sevilla - Malaga        İY-X</li>
    	</ul>
    </body>
    </html>
    
    <style>
    
    body {
    	margin: 0px;
    	padding: 0px;
    }
    
    body ul li {
    	list-style: none;
    	margin-left: -25px;
    }
    
    body ul {
    	margin-top: 0px;
    }
    
    #baslık {
    	padding: 5px 0 0 10px;
    	width: 100%;
    	height: 25px;
    	background: #000;
    }
    </style>
  7. Tayfun hocam sayende php den sonra jQuery de öğrenmeye başladım.. Yalnız bir sorum olacak ve bu konuda gerçekten tatmin edici bir açıklaya ihtiyacım var.. senin anlattığın jQuery derslerini takip ediyorum 10. derse kadar geldim ve gayet anlıyorum hatta kendimce birtakım şeyler de yaptım.. Şimdi soruma geliyorum ben javascript bilmiyorum, öğrenmem gerekiyor mu? javascript bilmeden Jquery öğrenmek anlamsız mı ve son olarak da eğer javascript öğrenmem gerekliyse bana önerebileceğiniz bir site var mı derslere başlamak için (Sen javascript dersi çekseydin senden öğrenirdim ama :))

    Teşekkürler..

  8. İdris YAĞCI,
    Kimisi öğrenin diyor, kimisi gerek yok diyor.. Bana kalırsa, temel düzeyde javascript bilmek önemli.. Çünkü şöyle düşünmek lazım, php bilmeden codeigniter öğrenmek gibi bir şey, javascript bilmeden jquery öğrenmek 🙂 Yani sen nesnelerin kullanımını, dizilere erişimleri vs. bilmedikten sonra jquery'de ki metodlarıda anlaman zorlaşacaktır.

  9. Son dersiniz bumu? Yirmi gün olmuş başka ders çekmeyi düşünmüyormusun?

  10. Başlarda lan bu slideri gevur nasıl yapıyor diye düşünedururken dersleriniz sayesinde artık slider yapabiliyor ve sayfamda jQuery'i rahatlıkla kullanabiliyorum hocam gerçekten çok teşekkür ederim size.. Derslerin devamını bekliyoruz öğrencileriniz olarak @ErbilenFunClub 😀

  11. Eheh, teşekkürler ömer 🙂 İnşallah devam niteliğinde dersler çekeceğim, takipte kalın.

  12. Eyvallah kardeş çok faydalı oldu videoların devamını heyecanla bekliyoruz … Çalışmalarında başarılar …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir