jQuery - píšte menej, urobte viac

jQuery - píšte menej, urobte viac

jQuery jQuery je knižnica napísaná v JavaScripte umožňujúca tvorbu animácií, pohodlnú prácu s events atď. Celý zdrojový kód má po kompresií 19kB. Prítomná je aj podpora pluginov, takže už nebudete musieť písať dlhé zdrojáky, ak budete chcieť vytvoriť slideshow, popupwindow, treeview, tooltips, tabs, sliding menu, ajaxUpload a stovky ďalších vecí. jQuery je vydávaný pod licenciami GPL alebo MIT. Použitie je veľmi jednoduché a pochopí ho každý, kto má minimálne znalosti JavaScriptu a CSS.

Aj napriek stúpajúcemu priemeru IE7 má drvivá väčšina ľudí ešte stále nainštalovaný IE6, ktorý nepodporuje niektoré pseudo triedy v CSS. O nápravu sa jQuery dokáže veľmi rýchlo postarať. Zoberme si napríklad [http^=...]. Používa sa najmä na externé odkazy. Cez jQuery sa dá nahradiť táto pseudo trieda jediným riadkom (pokiaľ nerátam celú knižnicu).

Externé odkazy cez jQuery

<?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='sk'>
<head>
<meta http-equiv='Content-Type' content='application/xhtml+xml; charset=utf-8' />
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function()
{
  $("a[@href^=http://]").addClass('extern');
  $("a[@href^=" + window.location.protocol + "//" + window.location.hostname + "]").removeClass('extern');
});
//]]>
</script>
<style type='text/css'>
/*<![CDATA[*/
.extern { background:yellow; }
/*]]>*/
</style>
<title>jQuery Libary</title>
</head>
<body>

<div>
Externý odkaz: <a href='http://google.com/'>external link</a>
&middot;
Interný odkaz: <a href='locallink.xhtml'>internal link</a>
</div>

</body>
</html>

Uvedený príklad zobrazí externé odkazy žltou farbou a interné odkazy ponechá nedotknuté. Celá syntax jQuery sa veľmi podobá CSS.

jQuery podporuje aj AJAX requesty cez GET a POST metódy. Napísal som malý príklad ako uložiť maximálne 25 znakov dlhý reťazec do súboru. Môžete si ho stiahnúť alebo prezrieť jeho zdrojový kód. Súbor test.php, na ktorý sa odosiela request je len PHP skript, ktorý uloží reťazec z premennej $_POST['text'] do súboru test.txt.

Alternatívne verzie: Text PDF Voice
Autor: PaBi3 · Kategória: Programovanie · Dátum: 30.01.2007 22:41

Komentáre

#1 Josef Stříbný Web E-mail
31.01.2007 11:05
Vypadá to hezky, třeba by se to dalo využít. Díky za tip i za příklad.

Osobné údaje
Captcha
Odpíšte text z obrázku. Rozlišujú sa malé a veľké písmená.
Obsah
Možnosti