Üye Kayıt Üye Giriş

jQuery ile DOM Nesnelerinin Etrafına Nesne Ekleme


jQuery ile DOM Nesnelerinin Etrafına Nesne Ekleme


Bu dersimizde sizlerle jQuery ile DOM nesnelerini başka nesneler ile nasıl saracağımızı göreceğiz. Öncelikle hangi metodları işleyeceğiz bir göz atalım ve sonra her zaman ki gibi örneklere geçelim.

 

.wrap()
.wrapAll()
.wrapInner()
.unwrap()
 

.wrap() -> Seçilen nesnenin etrafına wrap içine girilen nesneyi ekler. Burda önemli olan nokta; seçtiğiniz nesne birden fazla var ise bunların her birinin etrafına ayrı ayrı ekleme yapar.

 

1
$('a').wrap('<div class="deneme"></div>');

 

a nesnesini seçtik ve her a nesnesinin etrafına <div class=”deneme”></div> nesnesini ekledik.

 

 

1
2
3
4
5
<ahref="#">1.link</a>
<ahref="#">2.link</a>
<ahref="#">3.link</a>
<ahref="#">4.link</a>
<ahref="#">5.link</a>

.wrapAll()-> wrap()’dan farkı wrap ile seçtiğimiz nesnelerin her birine ayrı ayrı ekleme yapıyorduk ama wrapAll ile seçilen nesnelerin hepsini tek bir nesne ile çevreler.

 

 

1
$('a').wrapAll('<div class="deneme"></div>');

 

 

wrap ile her a nesnesinin etrafına div eklemişken şimdi bütün a nesnelerini kaplayan bir div nesnesi ekledik.

 

 

1
2
3
4
5
<ahref="#">1.link</a>
<ahref="#">2.link</a>
<ahref="#">3.link</a>
<ahref="#">4.link</a>
<ahref="#">5.link</a>

 

 

.wrapInner() -> Seçilen nesnenin içindeki veriyi girilen nesneler ile çevreler.

 

 

1
$('div').wrapInner('');

 

 

div içindeki yazıyı span nesnesi ile çevreledik. Yani sonuç

İçerik Alanı

şeklinde oldu.

1
<div>İçerik Alanı</div>

.unwrap()-> wrap() ve wrapAll() metodunu temizler.

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

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

ETİKETLER