JQuery append(), prepend(), after(), before() Kullanımı

Merhaba Arkadaşlar,
Bu makalede append(), prepend(), after() ve before() metodlarının ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.Bu etiketler ile kolay bir şekilde yeni etiket veya içerikler ekleyebiliriz.

► append() metodu ile seçtiğimiz html etiketi bitmeden önceki son kısma ekleme yapabiliriz.

► prepend() metodu ile seçtiğimiz html etiketi başladıktan sonraki ilk kısma ekleme yapabiliriz.

► after() metodu ile ile seçtiğimiz html etiketi bittikten sonraki ilk kısma ekleme yapabiliriz.

► before() metodu ile ile seçtiğimiz html etiketi başlamadan önceki ilk kısma ekleme yapabiliriz.

Örneklerimizde bir p etiketi birde sıralı liste tanımlayalım ve metodlarımızı uygulayalım.Göreceğiniz gibi metoda göre içeriklerin eklenme yerleri değişiklik gösteriyor.

Html kodlarımız,

Css Kodlarımız,

Jquery Kodlarımız,

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

Önceki : JQuery Dersleri 11 – text(), html(), val() Kullanımı

Sonraki : JQuery Dersleri 13 – remove(), empty() Kullanımı

Leave a Reply

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