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.
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.