Jquery Ders-44 .is() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-44 .is() Kullanımı

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(1646)
RAPOR ET
Jquery eğitim serimize devam ediyoruz.Bu dersimiz de .is() fonsiyonun kullanımını göreceğiz.İs() fonksiyonunu objelerin özelliklerini bulmada kullanırız.Örneğin bunun classı şu mu,rengi şu mu,boyutu bu mu vs gibi.Bu bulduğumuz değeri if-else kullanarakta işleme döküyoruz.Yani classı şu ise şu işlemi yap.

2 çeşit kullanımı mevcut bunları tek tek görelim.

İlk olarak evetlar da standart olarak obje ile igili verileri saklayan değişken vardır.Fonksiyon paratezleri içine bir değişken yazarak o verileri alırız.Genel olarak e veya event olarak adlandırılır değişken.

$("seçici").click(function(e){
if($(e.target).is("#alan")){,
//işlem
}
})

Yukarıda eğer tıkladığımız objenin id si alan ise işlemleri yap dedik.

var css=$("seçici").css("color","#000");

if($(e.target).is(css)){
//işlem
}

Normal de jquery ile objelere uyguladığımız işlemleri değişkenlere aktararak,o işlem o objeye uygulanmışmı kontrol edebiliriz.Yukarıda eğer rengi siyah ise işlem yap dedik.

Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script>
$(function(){

$("div").click(function(e){
if($(e.target).is(".alan")){
$(this).css("color","#15d4f5")
}else{
var css=$(this).css("color","#000");

if($(e.target).is(css)){
$(this).css("color","red")
}
}
})

})
</script>
<style type="text/css">
div{text-align:center;font-size:50px;}
</style>
</head>
<body>

<div class="alan">UstaDerslik</div>
<div>UstaDerslik</div>

</body>
</html>

Örnekte 2 tane divimiz mevcut.Divlere tıklanırsa alan classı olanın rengini mavi yap,Diğerlerinin rengi siyah ise kırmızı yap dedik.Temel kullanımı bu şekil de is().



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol