jQuery remove() Metodu ve Kullanımı

Bu yazımızda jQuery remove() metodunun ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.

remove() metodu ile seçtiğimiz bir Html etiketini içeriği ile birlikte silebiliriz. Yani hem içerisindeki tüm Html öğeleri silinir hem de seçmiş olduğumuz Html etiketinin kendisi silinir.

remove() metoduna parametre vererek de silme işlemlerini gerçekleştirebiliyoruz.

Şöyle bir uygulama yapalım:

 ⇒  id’si box olan bir div etiketi oluşturalım ve içerisine 3 tane p etiketi yazalım.

 ⇒  3 tane p etiketi daha oluşturup birinin classına red, birinin yellow, birinin de green verelim.

 ⇒  3 adet buton oluşturalım.

 ⇒  remove() butonuna tıklandığında div ile birlikte içerisindeki 3 p etiketini de birlikte silelim.

 ⇒  remove(“.red”) butonuna tıklandığında sadece arkaplan rengi kırmızı olan p etiketini silelim.

 ⇒  remove(“.yellow,.green”) butonuna tıklandığında ise arkaplan rengi sarı ve yeşil olan p etiketlerini silelim.

Css Kodları

jQuery Kodları

Butonlara tıklayarak sonuçlarını gözlemlerseniz daha anlaşılır olacaktır.

Umarım “jQuery remove() Metodu ve Kullanımı” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery animate(), stop() Metodları ve Kullanımları

jQuery addClass(), removeClass(), toggleClass() Metodları ve Kullanımları

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

Yorum Yazın

650+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.