Jquery Ders-34 .not() 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-34 .not() Kullanımı

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(2809)
RAPOR ET
Jquery derslerimize devam ediyoruz.Bu derste .not() komutunu anlatacağım.Öncelikle işlevinden bahsedeyim.Seçtiğimiz objelerden ayıklama yapmamıza yarıyor.Örnek tüm divleri seçip clası şu olanları seçme gibi.

.not("seçici,seçici...")

Kullanımı bu şekilde şimdi örneğe geçelim.

Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function(){
$(".metin").not("#metin2").css("background","red")//idi metin2 olanun dışındaki classı metin olanların arkaplan rengini kırmızı yap

$("body *").not("#metin2").click(function(){ //body içinde idi metin2 olanın dışında kime tıklanırsa
$("#metin2").hide();//idi metin2 olanı gizle
})
});
</script>
<style type="text/css">
.metin{width:100px;height:30px;margin:auto;background:#666;color:#fff;cursor:pointer;text-align:center;}
</style>
</head>
<body>

<div class="metin">cArleone</div>
<div class="metin">cArleone</div>
<div class="metin" id="metin2">cArleone</div>
<div class="metin">cArleone</div>
<div class="metin">cArleone</div>

</body>
</html>

Görüntüsü :
http://ustaderslik.com/resim/ders/gh78t54h84g.png

İlk önce calssı metin olanları seçip idi metin2 olanı ayıklayıp diğerlerin rengini kırmızı yaptık.

Sonraki örnekte ise body içindeki tüm elemanları seçip,idi metin2 dışında kalan neye tıklanırsa metin2 yi kapat dedim.kendisine tıklarsanız kapanmaz.Notın kullanımı bu şekilde.



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