jQuery Effecten - Verbergen en tonen

Verbergen, tonen, switchen, schuiven, in- en uitschuiven, en animaties, oh!

Effect demonstratie

Klik hier om het panel te verbergen/tonen

Een minuut tijd is waardevoller dan goud, dus bieden we u snelle en begrijpelijke leerinhoud.

Hier kunt u eenvoudig en begrijpelijk elke kennis verkrijgen die u nodig heeft.

Voorbeeld

jQuery hide()
Demonstreer een eenvoudige jQuery hide() methode.
jQuery hide()
Een andere hide() demonstratie. Hoe tekst gedeeltelijk te verbergen.

jQuery hide() en show()

Met jQuery kunt u de hide() en show() methoden gebruiken om HTML-elementen te verbergen en te tonen:

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

Probeer het zelf

Syntax:

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

Optioneel speed De parameter bepaalt de snelheid van het verbergen/tonen, en kan de volgende waarden aannemen: "slow", "fast" of milliseconden.

Optioneel callback De parameter is de naam van de functie die wordt uitgevoerd nadat het verbergen/tonen is voltooid.

Hier is een voorbeeld van een toggle met speed De hide() parameter:

Voorbeeld

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

Probeer het zelf

jQuery toggle()

Met jQuery kunt u de toggle() methode gebruiken om tussen hide() en show() te switchen.

Toon de verborgen elementen en verberg de getoonde elementen:

Voorbeeld

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

Probeer het zelf

Syntax:

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

Optioneel speed De parameter bepaalt de snelheid van het verbergen/tonen, en kan de volgende waarden aannemen: "slow", "fast" of milliseconden.

Optioneel callback De parameter is de naam van de functie die wordt uitgevoerd nadat de toggle() methode is voltooid.

jQuery Effecten Referentiemanual

Voor een volledige doorverwijzing naar jQuery effecten, bezoek onze jQuery Effecten Referentiemanual。