Üye Kayıt Üye Giriş

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