jQuery vaikutukset - piilottaminen ja näyttäminen

Piilottaminen, näyttäminen, vaihtaminen, liukuminen, pehmeä syväpaine ja animaatio, hui!

Vaikutuselekmentti

Napsauta tästä piilottamaan/näyttämään paneeli

Aika on kultaa, joten tarjoamme sinulle nopeita ja ymmärrettäviä oppimismateriaaleja.

Tässä voit saada tarvitsemasi tiedon ymmärrettävällä ja mukavalla tavalla.

Esimerkki

jQuery hide()
Esimerkki yksinkertaisesta jQuery hide() -menetelmästä.
jQuery hide()
Toinen hide() -esimerkki. Kuinka piilotella osaa tekstiä.

jQuery hide() ja show()

jQuery:n avulla voit käyttää hide() ja show() -menetelmiä piilottamaan ja näyttämään HTML-elementtejä:

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

Kokeile itse

Syntaksi:

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

Valinnainen speed Parametri määrittelee piilottamisen ja näyttämisen nopeuden ja voi ottaa seuraavat arvot: "slow", "fast" tai millisekuntia.

Valinnainen callback Parametri on piilottamisen tai näyttämisen suorittamisen jälkeen suoritettavan funktion nimi.

Seuraava esimerkki osoittaa speed hide() -parametrien menetelmä:

Esimerkki

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

Kokeile itse

jQuery toggle()

jQuery:n avulla voit käyttää toggle() -menetelmää vaihtamaan hide() ja show() -menetelmät.

Näytä piilotetut elementit ja piilota näkyvät elementit:

Esimerkki

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

Kokeile itse

Syntaksi:

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

Valinnainen speed Parametri määrittelee piilottamisen ja näyttämisen nopeuden ja voi ottaa seuraavat arvot: "slow", "fast" tai millisekuntia.

Valinnainen callback Parametri on toggle() -menetelmän suorittamisen jälkeen suoritettavan funktion nimi.

jQuery vaikutus viittomakirja

Jos haluat tutustua jQuery vaikutuksiin kokonaisuudessaan, vierailkaamme jQuery vaikutus viittomakirja。