jQuery zkoušečka

Pokud se učíte používat jQuery, často budete potřebovat vyzkoušet jak to, či ono funguje a jak tu či onu konstrukci použít. Vytvářet si pokaždé extra html stránku a otevírat ji v prohlížeči je přitom dost pracné. Přitom jediná možnost jak se jQuery dobře naučit je neustále zkoušet a zkoušet.

Otevřít jQuery zkoušečku

Z toho důvodu vznikla jQuery zkoušečka. Stačí napsat HTML a JS kód do a kliknout na „Spustit!“ a ihned uvidíte výsledek. Něco se nepovedlo … stačí provést úpravy a „Spustit!“. Nemusíte psát nic okol jako <head> nebo <skript>. Píšete jen to, co potřebujete vyzkoušet.

Trvalý odkaz

Při každém spuštění se změní webová adresa zkoušečky. Adresu můžete zkopírovat a poslat kamarádovi mailem nebo ICQ. On po jejím otevření uvidí přesně to co vy. Můžete tak snadno řešit třeba, proč vám něco nefunguje. Adresu můžete také připojit ke svému dotazu na fórum.

Ukázak

Pokud píšete o jQuery nějaký článek, příklady si vyzkoušejte a pak rovnou na ně odkažte v textu. Čtenáři si pak mohou rovnou osahat to, o čem píšete. 

HTML:
  <p class="odstavec">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  </p>

JS:
  $(document).ready(function(){
    
    var el = $(".odstavec");
    
    function show(){
      el.fadeIn(1000, hide);
    }
    
    function hide(){
      el.fadeOut(1000, show);
    }
    
    el.css("color", "red")
      .css("font-size", "20px");
    
    hide();
    
  });
Vyzkoušet!