Jquery .Add() Metodu (Elementlerin Benzer Nitelikte Olmasını Sağlamak)

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Jquery .Add() Metodu (Elementlerin Benzer Nitelikte Olmasını Sağlamak)

07/Oca/15 10:50

Kısayol

Şikayet

Özel Mesaj

camarade
ontedi

Kayıt Tarihi: 04/Eylül/2005

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)

    &lt;div class="jquery-add-ornek-div-1"&gt;&lt;/div&gt;
    &lt;p class="jquery-add-ornek-p-1"&gt;&lt;/p&gt;

"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)

    &lt;div class="jquery-add-ornek-div-2"&gt;&lt;/div&gt;
    &lt;p class="jquery-add-ornek-p-2"&gt;&lt;/p&gt;
    &lt;span class="jquery-add-ornek-span-2"&gt;&lt;/span&gt;

Test ve örnekler için

http://www.ontedi.com/javascript/jquery-add-metodu

Bol jQuery'li günler :)

Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

Alıntı yap

07/Oca/15 10:57 Kısayol Şikayet Özel Mesaj

snnyk

Kayıt Tarihi: 28/Mayıs/2007

jQuery yerine $ kullanda yeni görenler pratiklensin hocam

snnyk.com - code is poetry all that i know...

Alıntı yap
07/Oca/15 11:23 Kısayol Şikayet Özel Mesaj

TeRRoR

Kayıt Tarihi: 06/Nisan/2007

snnyk bunu yazdı

jQuery yerine $ kullanda yeni görenler pratiklensin hocam

Sene çok eski ilk defa javascript ve jquery görüyorum. Lan bu $ ile jquery arasındaki fark ne diye kara kara düşünmüştüm :)

herkes programcı olmak zorunda değildir, lütfen bir zorunluluk gibi programlama dilleri öğrenmeye çalışmayın. yabancı dil filan öğrenin amq.// s.kimin etini yerim, kasaba minnet etmem.// ince düşünene kalın girer.//

Alıntı yap

Toplam Hit: 788 Toplam Mesaj: 3

Cevapla