Skip to content

firlaj/JAX2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JAX2

JAX2 - JAK eXtended ver. 2 (MIT license)

JAX je knihovna, která rozšiřuje možnosti knihovny JAK (http://github.com/seznam/JAK) a je na ní přímo závislá. Vylepšuje práci s DOMem a přidává podporu animací i pro starší prohlížeče (IE8 a IE9). Jejím cílem je stavět rozšiřující funkcionalitu nad low-level API knihovny JAK. Svým používáním silně připomíná knihovnu jQuery.

Základní použití

Provedením JAX(selector) získáme první element, který odpovídá zadanému css selectoru. Toto volání nám vrací objekt - obal (wrapper) nad získaným elementem. V praxi to znamená, že pak můžeme na element aplikovat rozšířené metody, např:

Mějme HTML:

  <style>
    .greetings { font-weight:bold; }
    .green     { color:green; }
  </style>
  <body>
    <div class="greetings">Hello world</div>
    <div class="text">Good evening ... infidels</div>
  </body>

pak, pokud aplikujeme:

  <script type="text/javascript">
    JAX(".greetings").addClass("green").html("Ahoj světe").css("fontSize", "20px");
  </script>

tak výsledné HTML bude:

  <div class="greetings green">Ahoj světe</div>

a text bude vypsán písmem o velikosti 20px. Druhý div zůstane nezměněn

Pro práci s více elementy najednou se používá JAX.all(selector), což nám získá všechny elementy odpovídající zadanému css selectoru. Pokud tedy na výše uvedené HTML aplikujeme:

 <script type="text/javascript">
    JAX.all("div")
      .addClass("green")
      .html("Have a problem, make a point, take it easy, smoke a joint.")
      .css("fontSize", "20px");
  </script>

tak výsledné HTML bude vypadat:

  <div class="greetings green">Have a problem, make a point, take it easy, smoke a joint.</div>
  <div class="text green">Have a problem, make a point, take it easy, smoke a joint.</div>

a text bude vypsán písmem o velikosti 20px.

About

JAX2 - JAK eXtended ver. 2

Resources

Stars

Watchers

Forks

Packages

No packages published