Introducere in jQuery

După cum v-am obișnuit, am să vă spun câteva cuvinte despre limbajul jQuery, iar apoi am să trec direct la exemple și exerciții.

jQuery este o librărie optimizată, care se bazează pe limbajul JavaScript.

Este unul dintre cele mai populare limbaje, când vine vorba despre programare web.

Cu ajutorul acestei librării se poate traversa și manipula DOM-ul unui document html.

În continuare, vă dau un exemplu și vă explic modul de funcționare al limbajului jQuery.

Urmați pașii:

1. creați fișierul jquery-introducere.html pe desktop

2. copiați și atașați următorul cod în fișier

<html>

<head>

<title>jQuery</title>

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js”></script>

</head>

<body>

<script>

$(document).ready(

function(){

alert(‘codul jQuery functioneaza’);

}

);

</script>

</body>

</html>

3. salvați fișierul

4. deschideți documentul, folosind un browser web

Acum să explic ce s-a întamplat.

În secțiunea head, a documentului html, am încărcat librăria jQuery.

Fară această librărie, codul jQuery nu ar fi fost funcțional.

În secțiunea body, într-o secțiune de tip script, din codul $(document).ready(function(){, să înțelegi că în momentul în care documentul s-a încărcat, jQuery trebuie să sesizeze acest lucru și să ruleze automat funcția anonimă function(), împreună cu tot codul care se află dezvoltat în funcția anonimă.

Tot codul care este dezvoltat în această funcție anonimă, poate fi apelat și rulat imediat, sau poate fi declanșat la un anumit moment.

În cazul curent, imediat după sesizarea finalizării incărcării paginii, este apelată funcția alert(), funcție care afișează o alertă pe ecran, în browser.

ps: atentie la copy/paste; wordpress tinde sa encodeze ghilimelele

Write a Reply or Comment

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

my

*


Vă rugăm nu treceți date personale în secțiunea de comentarii.