JQuery Html Elemanını Kaldırma

JQuery ile Html Elemanlarını Yok Etme

JQuery ile web sayfasına yeni elemanlar ekleyebildiğimiz gibi, sayfadaki elemanları kaldırabiliriz de.

Bir etiketi tüm içeriği ile birlikte tamamen kaldırmak için remove, etiketin sadece içeriğini kaldırmak içinse empty metodu kullanılır.

Örneğin kutu1 isimli div elemanını tamamen kaldıralım:

$("#kutu1").remove();

Kutu1’in sadece içeriğini kaldıralım:

$("#kutu1").empty();

Remove metodu içerisinde istenirse parametre kullanılarak, aynı etiketten hangilerinin kaldırılacağı belirtilebilir.

Örnek: Sayfamızda bazı p etiketlerine “uyari” class’ı uygulanmış olsun. Bu p etiketlerinin kaldırılmasını şu şekilde sağlayabiliriz:

$("p").remove(".uyari");

 

jquery ile html etiketlerini kaldırma, html elemanının içeriğini kaldırma, html etiketini tüm içeriği ile yok etme kaldırma

KONU İLE İLGİLİ ÖRNEKLER

Html etiketinin sadece içeriğini kaldırma Kendin Dene

Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...

Bu örnekte butona tıklandığında kutu1 id'li etiketin içeriği sayfadan kaldırılıyor.

Html etiketini içeriği ile birlikte kaldırma Kendin Dene

Kendin Dene butonuna tıkla, kodları değiştir, sonucu gör...

Bu örnekte butona tıklandığında kutu1 id'li etiket ve tüm içeriği sayfadan kaldırılıyor.



YORUMLAR




8699  kez okundu.

Online Kullanıcı Sayısı 3789



JQuery-Html-Elemanını-Kaldırma