jQuery Filtreler 2
jQuery filtreler konusuna bir önceki ders giriş yapmıştık. Şimdi sıra jQuery deki filtreleme fonksiyonlarını öğrenmeye geldi.
Yine önce fonksiyonları vereceğim sonra örneklerini yapacağız.
.eq(n) -> Girilen indis numarasına göre nesneyi seçer.
.has() -> İçerisine girilen nesneye sahip nesneleri seçer.
.filter() -> İçerisine girilen nesneyi seçer. Ayrıca içerisinde function çalıştırabiliriz.
.each() -> İçerisine girilen nesneyi döngüden geçirir.
.first() -> :first ile aynı işlemi yapar.
.last() -> :last ile aynı işlemi yapar.
.is() -> Seçilen nesnenin girilen özelliğinin olup olmadığına bakar.
.not() -> :not ile aynı işlemi yapar.
.slice () -> Girilen iki indis değeri arasındaki nesneleri seçer. Girilen değerlerde seçime dahildir.
Örnekler:
jQuery Kodlarimiz
1
2
3
4
5
|
$( 'li' ).eq(1).css( 'color' , 'red' ); // İndis değeri 1 olan <li> tagini seçtik. Ankara. $( 'li' ).filter( ':odd' ).css( 'color' , 'green' ); // İndis değeri tek olan <li> taglerini seçtik. $( 'li' ).slice(0,2).css( 'color' , 'blue' ); // İndis değerleri 0,1,2 olan <li> taglerini seçtik. |
Html Kodlarımız.
1
2
3
4
5
6
7
8
9
|
< ul <li>Antalya</ li > /* indis 0 */ < li >Ankara</ li > < li >İstanbul</ li > < li >Bursa</ li > < li >Adana</ li > /* indis 4 */ </ ul > |