Introducere in jQuery

jQuery este o librărie javascript. Rolul său este de a înlesni folosirea Javascript. Aceasta preia o mulțime de sarcini care necesită multe linii de cod JavaScript și le împachetează în metode, care apoi pot fi chemate printr-o singură linie de cod.


<head>
<script src="jquery-1.11.2.min.js"></script>
</head>

Notă: Amplasați fișierul descărcat în același director cu paginile în care doriți să-l folosiți.

Google CDN(Content Delivery Network):

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js"></script>
</head>

 

Sintaxa jQuery

Sintaxa jQuery este astfel preparată pentru a selecta elemente HTML și a operații pe acele element(e).

Sintaxa de bază este: $(selector).action()

Exemple:

$(this).hide() - ascunde elementul current.

$("p").hide() - ascunde toate elementele de tip <p>.

$(".test").hide() - ascunde toate elementele din class="test".

$("#test").hide() - hides the element with id="test".

Structura unui script care folosește librăria jQuery

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){ //linie care încarcă funcțiile aflate între acolade, în momentul în care pagina s-a încarcat complet
  $("button").click(function(){//o funcție care se apelează la apasare oricărui buton din pagina
    $("p").hide(); //actiunea de ascudere a tuturor paragrafelor din pagina, care se execută la apăsarea butonului
  }); // sfârșitul funcției care se execută la apasarea unui buton
});// sfârșitul scriptului
</script>
</head>
<body>
//începutul codului HTML
<h2>This is a heading</h2>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Click me</button>

</body>
</html>