Üye Kayıt Üye Giriş

KATEGORİLER

jQuery ile DOM Nesnelerini Kopyalama ve Değiştirme


jQuery ile DOM Nesnelerini Kopyalama ve Değiştirme

 

 

Bu dersimizde sizlere jQuery ile DOM nesnelerimizi kopyalamayı ve değiştirmeyi göreceğiz. Kısa bir ders olacak hemen metodlara geçelim.
 

.clone()
.replaceWith()
.replaceAll()


.clone() -> Adından da anlaşılacağı gibi nesneyi kopyalar.


 
1
$('div').clone().insertAfter('p');


div nesnesini kopyaladık ve insertAfter ile p den sonra ekledik.
 

1
2
<div>Kopya Div</div>
<p>------</p>


.replaceWith()-> Seçilen nesneyi replaceWith içine girilen nesne ile değiştirir. İlk nesne tamamen kalkar.
 

 
1
$('a').replaceWith('<span>Link Kaldırıldı.</span>');


Sayfadaki a nesnesini seçtik ve <span>Link Kaldırıldı.</span> ile değiştirdik.

1
<a href="#">Link</a>


.replaceAll() -> replaceWith ile aynı görevi yapar. Farkı replaceWith seçilen nesneyi girilen nesne ile değiştirirken, replaceAll ile seçilen nesneyi girilen nesneler ile değiştirir.
Aynı örnek üzerinden gidecek olursak.
 

1
$('<span>Link Kaldırıldı.</span>').replaceAll('a');


<span>Link Kaldırıldı.</span> nesnesini tüm a etiketleri ile değiştirdik.

* Bu iki kullanımı da bilmekte fayda var bazen zincirleme metod kullandığımız zaman replaceWith yerine replaceAll kullanmamız gerekebilir yada tam tersi olabilir.

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

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

ETİKETLER

jquery ile dom nesnelerini kopyalama ve değiştirme