jQuery effekt - Skjul og vis

Skjul, vis, skift, glid, indtrædelse og udtrædelse, samt animation, wow!

Effekt demonstration

Klik her for at skjule/visse panelet

En tidsminut er en guldminut, så vi giver dig hurtig og forståelig læring.

Her kan du få den viden, du har brug for, på en forståelig og bekvem måde.

Eksempel

jQuery hide()
Demonstration af en simpel jQuery hide() metode.
jQuery hide()
En anden hide() demonstration. Hvordan man skjuler delvis tekst.

jQuery hide() og show()

Med jQuery kan du bruge hide() og show() metoder til at skjule og vise HTML elementer:

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

Prøv det selv

Syntaks:

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

Valgfri speed Parameter definerer hastigheden af at skjule/visse, og kan tage følgende værdier: "slow", "fast" eller millisekunder.

Valgfri callback Parameter er navnet på funktionen, der udføres efter at skjule eller vise er færdig.

Følgende eksempel viser brugen af speed Parameter til hide() metoden:

Eksempel

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

Prøv det selv

jQuery toggle()

Med jQuery kan du bruge toggle() metoden til at skifte mellem hide() og show() metoder.

Vis skjulte elementer og skjul viste elementer:

Eksempel

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

Prøv det selv

Syntaks:

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

Valgfri speed Parameter definerer hastigheden af at skjule/visse, og kan tage følgende værdier: "slow", "fast" eller millisekunder.

Valgfri callback Parameter er navnet på funktionen, der udføres efter toggle() metoden er færdig.

jQuery effekt reference manual

For at få en fuld oversigt over jQuery effekter, besøg vores jQuery effekt reference manual。