Jquery eğitim serimize devam ediyoruz.Bu dersimiz de jquery
find fonksiyonunu işleyeceğiz.Find seçtiğimiz objenin içindeki objelerden istediğimizi arayıp erişmemizi sağlar.
Daha önceden
http://ustaderslik.com/konu/Jquery_Ders-23_.children()_Kullanımı
children fonksiyonunu anlatmıştım.Yapısı aynı. Farkı ise children sadece 1 altındaki objelerde aramamızı sağlıyor.Find ise içindeki tüm objelerde arıyor.
$("seçici").find("aranan_seçici")
Bu şekil de alt nesneleri tümünde arama yapabiliyoruz.
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.1.min.js"></script>
<script type="text/javascript">
$(function(){
$(".alan").find("span").css("color","#15d4f5");
$(".alan-2").children("span").css("color","#15d4f5");
})
</script>
</head>
<body>
<div class="alan">
<p><span>UstaDerslik</span></p>
<span>cArleone</span>
</div>
<div class="alan-2">
<p><span>UstaDerslik-2</span></p>
<span>cArleone-2</span>
</div>
</body>
</html>
Find uyguladığımız yerde her 2 yazı mavi.Children uyguladığımız yerde ise ilk yazı siyah.Nedeni ise span p nin için de olması.