Bu yazımızda Jquery de clone metodunun ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.
clone metodu ile bir veya birden fazla etiketi kopyala-yapıştır mantığıyla çoğaltabiliriz. İlk olarak kopyalamak istediğimiz etiketi seçip daha sonra clone metodunu uygularız.
Kullanımı şu şekilde
|
1 2 3 |
$(seçici).clone(); |
Örneğin bir p etiketi tanımlayalım ve butona her tıkladığımızda p etiketini sayfanın sonuna ekleyelim.
Burada her tıklamada sadece bir p etiketinin kopyalanması için sadece ilk p etiketini aldım. Böylece 1’er eklemiş olacağız.
|
1 2 3 |
$("p:first").clone(); |
Eğer şu şekilde kullanmış olsaydık 1’er eklenmezdi.
İlk tıklamada 2 p etiketi, ikinci tıklamada 4 p etiketi, üçüncü tıklamada 8 p etiketi şeklinde artardı.
|
1 2 3 |
$("p").clone(); |
Uygulama kodlarımız şu şekilde
Umarım sizin için faydalı bir yazı olmuştur.
Yeni bir yazımda görüşmek üzere.
 Kullanımı){kind=link}