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().