Üye Kayıt Üye Giriş

KATEGORİLER

jQuery ile DOM Nesnelerini Kaldırma


jQuery ile DOM Nesnelerini Kaldırma




Bu dersimizde sizlere jQuery ile DOM nesnelerini kaldırmayı göstereceğim. Hemen dersimize geçelim.

.empty()
.remove()
.detach()


.empty() -> Seçilen nesnenin içeriği temizler.

 

1
2
3
$('button').click(function(){
 $('div').empty();
});


 

button’a tıkladığımız zaman div içeriğini temizledik. Burada unutulmaması gereken şey div nesnesi hala sayfada bulunuyor ama içeri silinmiştir.
 

1
2
<div class="yazi">Bu içerik waxipro.com sitesi içerisinde bulunuyor.</div>
<button>Temizle</button>


.remove() -> Seçilen nesneyi sayfadan tamamen kaldırır.
Ayne örneği verebiliriz.


 
1
2
3
$('button').click(function(){
 $('div').remove();
});


button’a tıkladığımız zaman div tamamen sayfadan kalkacaktır. İşte empty ve remove metodlarını en büyük farkı budur.

1
2
<div class="yazi">Bu içerik waxipro.com sitesi içerisinde bulunuyor.</div>
<button>Temizle</button>


.detach() -> remove() ile tamamen ayı görevi yapar ve aynı şekilde kullanılır.

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

ETİKETLER

jquery ile dom nesnelerini kaldırma