Nascondere, mostrare, Toggle, Slide, Fade, e animare. WOW!
Clicca per vedere pannello / nascondere
Perché il tempo è prezioso, noi forniamo l'apprendimento facile e veloce.
A w3ii, si può studiare tutto ciò che serve per imparare, in un formato accessibile e maneggevole.
Esempi
jQuery hide()
Dimostra una semplice jQuery hide() metodo.
jQuery hide()
Un altro hide() dimostrazione. Come nascondere le parti del testo.
jQuery hide() e show()
Con jQuery, è possibile nascondere e visualizzare gli elementi HTML con la hide() e show() metodi:
Esempio
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
}); Prova tu stesso " Sintassi:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Il parametro di velocità opzionale specifica la velocità del nascondiglio / proiezione, e può assumere i seguenti valori: "slow", "fast" , o millisecondi.
Il parametro di callback facoltativa è una funzione da eseguire dopo la hide() o show() metodo completa (si impara di più su funzioni di callback in un capitolo successivo).
L'esempio seguente mostra il parametro velocità con hide() :
jQuery toggle()
Con jQuery, è possibile passare dalla hide() e show() metodi con la toggle() metodo.
gli elementi indicati sono nascosti e gli elementi nascosti sono mostrati:
Sintassi:
$(selector).toggle(speed,callback);
Il parametro di velocità opzionale può assumere i seguenti valori: "slow", "fast" , o millisecondi.
Il parametro di callback facoltativa è una funzione da eseguire dopo toggle() completa.
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4»
jQuery Effetti di riferimento
Per una panoramica completa di tutti gli effetti jQuery, si prega di visitare il nostro jQuery Effetto di riferimento .