jQuery attr(), removeAttr() Metodları ve Kullanımları

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

attr() metodu ile seçmiş olduğumuz bir Html etiketinin niteliklerinden birinin değerini alabilir veya bu niteliğe bir değer verebiliriz.

removeAttr() metodu ile seçmiş olduğumuz bir Html etiketinin niteliklerinden istediğimiz birini silebiliriz.

Şöyle bir uygulama yapalım:

 ⇒  1 p etiketi yazalım ve style niteliğine bazı Css özellikleri ekleyelim.

 ⇒  1 a etiketi yazalım ve href niteliğine “https://www.google.com.tr/” yazalım.

 ⇒  Son olarak 3 buton oluşturalım.

 ⇒  Birinci butona tıklandığında attr() metodu ile a etiketinin href niteliğinin değerini alert mesajı ile gösterelim.

 ⇒  İkinci butona tıklandığında attr() metodu ile a etiketinin href niteliğinin değerini “https://www.yandex.com.tr/” ile değiştirelim.

 ⇒  Üçüncü butona tıklandığında removeAttr() metodu ile p etiketinin style niteliğini silelim.

Css Kodları

jQuery Kodları

Butonlara tıklarken tarayıcınızda sağ tıklayıp incele derseniz Html etiketleri üzerindeki değişiklikleri inceleyerek daha iyi anlayabilirsiniz.

attr() metodu ile bir niteliğe birden fazla değer eklemek isterseniz şu şekilde yapabilirsiniz:

Örneğin id’si link olan bir a etiketinin href niteliğinin değerine, “https://www.google.com/” ve title niteliğinin değerine “Google” verelim.

Umarım “jQuery attr(), removeAttr() Metodları ve Kullanımları” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery remove() Metodu ve Kullanımı

jQuery css() Metodu ve Kullanımı

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

Yorum Yazın