Jquery empty kullanımı

Jquery de

empty()

fonksiyonu ile nesnelerin içerisini temizleyebiliriz. Mesela bir paragraf etiketinin içerisini temizlediğimizi düşünürsek etiket içerisindeki tüm paragrafı temizleyecektir ve geriye sadece p etiketi kalacaktır. 

Bir başka örnek olarak da form elemenlarının içerisini temizlemeyi örnek gösterebiliriz. 

Nesne içerisini temizleme

<p> Ali Ata Bak </p>

<script type="text/javascript">
    $(document).ready(function(){
        $('p').empty();
    });
</script>

Yukarıdaki örnekte sayfamız yüklendiği zaman p etiketi içerisindeki veriyi silecektir. Bu durumda silinme işlemini pek fark edemeyebilirsiniz.

Form elemanlarının içini temizleme

Form eleman içini temizlemeye örnek olarak en basitinden bir web sitesindeki iletişim formunun içini temizleme işlemi sağlayabiliriz.

<textarea cols="20" rows="5">sadasdasd</textarea>
<button>Temizle</button>

<script type="text/javascript">
    $(document).ready(function(){
        $('button').click(function(){
            $("textarea").empty();
        });
    });
</script>

Yukarıdaki örnekte oluşturduğumuz textarea içersindeki veriyi button a basıldığında

empty()

fonksiyonu ile temizleme işlemi yapacaktır.