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

Henüz hiçbir yorum yazılmamış. İlk yorumu siz yapın.

Yorum Yaz

Avatar

REKLAM

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

REKLAM

Çizgi Filmler

EN

  • Popüler
  • Yeni
  • Son Yorum