SEO (Arama Motoru Optimizasyonu) Mikro İnteraktif ÜCRETSİZ - Google Play'den İndirin
AÇ

jQuery .add() Metodu

Benzer niteliğe sahip olmasını istediğiniz nesneler için .add() metodunun kullanımı ve örneği

"div" ve "p" elementlerinin aynı kenarlık rengine sahip olmasını sağlayan örneğimiz.
Örnek 1 (jQuery)
        jQuery(document).ready(function () {
            jQuery(".jquery-add-ornek-div-1").add(".jquery-add-ornek-p-1").css("border", "2px solid red");
        });
Örnek 1 (Css)
        .jquery-add-ornek-div-1 {width:50px;height:50px;background:blue;}
        .jquery-add-ornek-p-1 {width:50px;height:50px;margin-top:10px;background:gray;}
Örnek 1 (Elementler)
    <div class="jquery-add-ornek-div-1"></div>
    <p class="jquery-add-ornek-p-1"></p>
Örnek 1


"div", "p" ve "span" elementlerinin aynı genişlik değerine sahip olmasını sağlayan örneğimiz.
Örnek 2 (jQuery)
        jQuery(document).ready(function () {
            jQuery(".jquery-add-ornek-div-2").add(".jquery-add-ornek-p-2").add(".jquery-add-ornek-span-2").animate({"width":"100px"}, 1000);
        });
Örnek 2 (Css)
        .jquery-add-ornek-div-2 {width:50px;height:50px;background:gray;}
        .jquery-add-ornek-p-2{width:50px;height:50px;margin-top:10px;background:rgb(9, 92, 76);}
        .jquery-add-ornek-span-2{width:50px;height:50px;background:blue;display:inline-block;}
Örnek 2 (Elementler)
    <div class="jquery-add-ornek-div-2"></div>
    <p class="jquery-add-ornek-p-2"></p>
    <span class="jquery-add-ornek-span-2"></span>
Örnek 2


Yorumlar

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

En Yeni Çizgi Filmler, Masallar ve Etkinlikler

REKLAM

SEO-Arama Motoru Optimizasyonu Uygulaması

REKLAM

Hayvan Sesleri Uygulaması

REKLAM

Çocuk Etkinlikleri Uygulaması

EN

  • Popüler
  • Yeni
  • Son Yorum