En son web geliştirme öğreticiler
 

jQuery Efektler - Saklambaç göster


, Show, Toggle, Slayt Fade, ve Animasyon gizleyin. VAOV!

/ Gizlemek panelini görmek için tıklayın

Zaman değerli olduğu için, hızlı ve kolay öğrenme sağlıyor.

w3ii azından, erişilebilir ve kullanışlı bir biçimde öğrenmek için gereken her şeyi, eğitim görebilirsiniz.


Örnekler

jQuery hide()
Basit jQuery gösterir hide() metodu.

jQuery hide()
Başka hide() gösteri. Nasıl metnin bazı bölümlerini gizlemeyi.


jQuery hide() ve show()

JQuery ile, gizlemek ve HTML öğelerini gösterebilir hide() ve show() yöntemleri:

Örnek

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});
Kendin dene "

Syntax:

$( selector ) . hide( speed,callback ) ;

$( selector ) . show( speed,callback ) ;

Opsiyonel hız parametresi gizleme / gösteren hızını belirtir ve aşağıdaki değerleri alabilir: "slow", "fast" veya milisaniye.

İsteğe bağlı geri arama parametresi sonra yürütülecek bir işlevdir hide() veya show() yöntemi (daha sonraki bir bölümde geri arama işlevleri hakkında daha fazla bilgi edineceksiniz) tamamlar.

Aşağıdaki örnek, hız parametresi gösteren hide() :

Örnek

$("button").click(function(){
    $("p").hide(1000);
});
Kendin dene "

jQuery toggle()

JQuery ile, arasında geçiş yapabilirsiniz hide() ve show() ile yöntemlerini toggle() yöntemiyle.

Gösterilen elemanları gizlidir ve gizli elemanları gösterilir:

Örnek

$("button").click(function(){
    $("p").toggle();
});
Kendin dene "

Syntax:

$( selector ) . toggle( speed,callback ) ;

Opsiyonel hız parametresi aşağıdaki değerleri alabilir: "slow", "fast" veya milisaniye.

Isteğe bağlı geri çağırma parametresi sonra yürütülecek bir fonksiyondur toggle() tamamlar.


Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Alıştırma 4»


jQuery Etkileri Referans

Tüm jQuery etkilerin tamamını görmek için lütfen gidin lütfen jQuery Etkisi Referans .