Jquery Ders-34 .not() Kullanımı

Anasayfa

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.

Jquery Ders-34 .not() Kullanımı

Tüm Hakları Saklıdır. ©Arleone 2013-UstaDerslik