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

Bu yazımızda 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ı

Css Kodları

Jquery Kodları

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere.

Leave a Reply