Jquery empty kullanımı

Sezai AlkanFrontend Developer

Jquery #jquery #empty

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.