JQuery wrap(), wrapAll(), unwrap(), wrapInner() Kullanımı

Merhaba Arkadaşlar,
Bu makalede wrap(), wrapAll(), unwrap() ve wrapInner() metodlarının ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.wrap() metodu ile seçmiş olduğumuz bir etiketi başka bir etiket içerisine alabiliriz.Örneğin şu şekilde 2 tane <p> etiketimiz olsun.

wrap() metodu ile bu <p> etiketlerini <div> içerisine almak istersek şu şekilde yazmamız yeterli;

Artık <p> etiketlerini ayrı ayrı <div> içerisine almış olduk.

Ayrı ayrı değilde ikisini birden tek <div> içerisine almak istersek wrapAll() metodunu kullanmamız lazım.Kullanımı şu şekilde;

Artık <p> etiketlerini tek <div> içerisine almış olduk.

unwrap() metodu, seçmiş olduğumuz etiketin ebeveyn etiketini siler.Örneğin bir <div> etiketi ve içerisinde <p>etiketi olsun.

<p> etiketinin ebeveyn etiketini yani <div> etiketini silmek için;

şeklinde yazabiliriz.Böylece sadece <p> etiketi kalmış olacak.

Son olarak wrapInner() metodu ise seçmiş olduğumuz etiketin içerisine yeni etiketler eklememizi sağlar.Örneğin bir <p> etiketimiz olsun.

wrapInner() metodu ile bu <p> etiketi içerisine bir <b> etiketi, onun da içerisine bir <i> etiketi yerleştirelim.

Artık <p> etiketi içerisindeki yazımız hem kalın hemde italik oldu.

Yeni bir makalede görüşmek üzere.

Önceki : JQuery Dersleri 23 – each(), toArray(), index() Kullanımı

Sonraki : JQuery Dersleri 25 – replaceWith(), replaceAll() Kullanımı

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +