Jqueryde empty fonksiyonu ile elementlerin içini boşaltabilir veya boş olan elementleri bulup o elementlerde istediğimiz işlemi yapabiliriz. aşağıdaki örneklerle daha anlaşılır olacağını düşünüyorum.
Önce empty fonksiyonu ile div içini silmeye bakayacağız. Burda dikkat edilmesi gereken konu jquery de element silmek için bir metod daha vardır "remove" metodu ama bu "remove" seçilen tüm elementi kaldırır. "empty" içeriği temizler.
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").empty();
});
});
</script>
<div style="height:100px;background-color:#099">
Örnek metin alanı
<p>Butona tıklandığında metin koybalacak</p>
</div><p>Burası seçilen element olmadığı için kalacak</p>
<button>Div içindeki metni kaldırmak için tıklayın</button>
Empty fonksiyonun diğer kullanımı ise yukarda da dediğimiz gibi boş elemnetleri bulmak. Bunuda hemen bir örnek gösterelim.
$("td:empty").text("Notu girilmemiş").css('background', 'red');
<table border="1">
<tr>
<td>No</td><td>Ad Soyad</td><td>Sınıf</td><td>Sınav</td>
</tr><tr>
<td>1523</td><td>Alp Sönmez</td><td>5A</td><td></td>
</tr><tr>
<td>669</td><td>Aysun Demirci</td><td>5B</td><td>80</td>
</tr><tr>
<td>7189</td><td>Mahmut Toprak</td><td>3D</td><td></td>
</tr>
</table>