Scripturi HTML pentru lucrul cu biblioteca jquery. Conectarea bibliotecii jQuery la Blogger

(Ultima actualizare: 10.09.2017)

Salutare tuturor! Subiectul nostru de astăzi este conexiunea. biblioteci jQuery către Blogger. La început, ce ați dori să știți puțin: ce este jQuery și ce poate face jQuery, o scurtă introducere. jQuery - Biblioteca JavaScript, concentrându-se pe Interacțiunea JavaScriptși HTML. Biblioteca jQuery vă ajută să accesați cu ușurință orice element DOM, să accesați și să manipulați atributele și conținutul elementelor DOM. Biblioteca jQuery oferă, de asemenea, un API convenabil pentru lucrul cu Ajax.

O mică digresiune de la subiectul nostru pentru cei care nu știu ce este JavaScript. JavaScript este o bucată de cod software care este încorporat în codul unui șablon sau al unei pagini și vă permite să implementați diferite efecte care nu sunt disponibile cu folosind HTMLși CSS. Adică, secțiunile de cod ale programului sunt inserate în locurile necesare din șablon sau pagină, care efectuează sarcina dorită. Acesta este JavaScript. La Blogger, folosim un gadget HTML/JavaScript la îndemână în acest scop.

Să continuăm subiectul nostru. Biblioteca jQuery conține funcționalități utile pentru o gamă largă de sarcini. Cu toate acestea, dezvoltatorii bibliotecii nu au stabilit sarcina de a combina Funcții jQuery, care s-ar potrivi peste tot, deoarece ar duce la o mulțime de coduri, dintre care majoritatea nu sunt necesare. Prin urmare, a fost implementată arhitectura unei biblioteci de bază universale compacte și a pluginurilor. Acest lucru vă permite să colectați pentru resursă exact funcționalitatea JavaScript care ar fi solicitată pentru aceasta.

Caracteristicile bibliotecii jQuery:

Motorul de selecție CSS încrucișat Sizzle, care a devenit un proiect separat;
Traversarea arborelui DOM, inclusiv suport pentru XPath ca plugin;
Evenimente;
Efecte vizuale;
AJAX - suplimente;
Pluginuri JavaScript.

Acum să includem biblioteca jQuery pentru Blogger. După ce v-ați conectat o dată, nu va trebui să instalați scripturi, widget-uri pe jQuery etc. în viitor. conectați biblioteca.

Cum să adăugați biblioteca JQuery la Blogger/Blogspot

Accesați panoul de control al bloggerului - Șablon - Editați HTML, găsiți și adăugați chiar mai jos (sau deasupra etichetei):

Înainte de a începe să explorăm biblioteca jQuery, trebuie să o conectăm la documentul nostru. Pentru a face acest lucru, să creăm cel mai mult pagina simpla, fără bibelouri – index.html, iar pe el vom conecta jq-ul nostru (prescurtare de la jQuery, începeți să vă obișnuiți).

Cum să includă biblioteca jQuery? Și de unde pot obține codul?

Există 2 moduri de a conecta biblioteca la site. Înainte de a începe să descriu ambele metode, nu repeta imediat după mine. Mai întâi, citiți despre aceste metode, apoi alegeți metoda care vi se potrivește și conectați totul. Nu vă faceți griji - jQuery este activat cu o singură linie de cod, așa că dacă nu aveți memoria unui pește, veți fi bine.

Prima metodă este să descărcați de pe jquery.com

Există un site atât de minunat - acesta este site-ul oficial al bibliotecii. Ca orice bibliotecă, jq a fost dezvoltat de către programatori simpli. Și-au dat seama că își pot face limba mai mică Programare JavaScript, a început să lucreze mult și din greu – iar rezultatul a fost cea mai răspândită bibliotecă, îndrăgită de programatorii web.

Important! Toate imaginile se pot face clic.

Conectarea bibliotecii jQuery de pe site-ul oficial

Mergem pe site-ul oficial;

Faceți clic pe linkul „Descărcare”;

Dacă aveți nevoie de o versiune ușoară (comprimată), faceți clic pe linkul din blocul „3”;

Dacă aveți nevoie de o versiune pentru dezvoltatori web, faceți clic pe linkul din blocul „4”;

Descărcarea bibliotecii:

Încărcați-l în folderul în care se află fișierul index.html.

Care este diferența dintre versiunea comprimată și versiunea pentru dezvoltatori web?

În imaginile de mai jos am arătat mici bucăți de cod din două versiuni.

În principiu, acestea sunt 2 versiuni absolut identice. Singura diferență dintre aceste fișiere este că, în versiunea comprimată jQuery, tot codul este scris într-o singură linie. În jQuery, care este destinat dezvoltatorilor, tot codul vine cu tab-uri și spații și, în consecință, poate fi citit cu ușurință.

Deoarece browserul (și anume, browser-ul procesează acest cod) nu vede diferența dintre aceste două fișiere, este mai bine să utilizați versiunea comprimată pe proiectele dvs. „în direct”, deoarece este mult mai ușor (din cauza absenței spațiilor) . Și după cum știți, cu atât cântăresc mai puțin fișierele sursă site-uri - cu cât se încarcă mai repede, ceea ce are un efect pozitiv asupra factorului comportamental.

Blocul „1” - dimensiunea fișierului versiunii comprimate este de 96 KB.

Blocul „2” - dimensiunea fișierului versiunii de dezvoltator este de 280 KB.

Versiunea completă este de aproape trei ori mai grea!

Nu este comprimat Versiunea jQuery servește la aprofundarea acestei biblioteci mai detaliat. Dacă sunteți un dezvoltator foarte meticulos, puteți elimina funcții inutile, adaugă-l pe al tău etc.

Personal, nu am urcat deloc acolo de trei ani, nu a fost nevoie de așa ceva. Și nu sunt cu adevărat un fan să citesc 10 mii de rânduri.

Puteți distinge aceste 2 versiuni după numele lor. În versiunea comprimată, .min vine întotdeauna înaintea .js (în figură acest lucru este afișat în blocul numerotat „3”). Dacă ai lucrat în dezvoltarea web destul de mult timp, probabil că ai observat acest „truc” în alte biblioteci.

Cum se conectează jQuery?

Da, conexiunea este aceeași cu css, folosind doar o etichetă diferită.

Atenţie! Tot codul pe care îl veți scrie folosind jq trebuie să fie scris sub conexiunea acestei biblioteci. În caz contrar, veți primi o eroare și nimic nu va funcționa.

A doua modalitate este să folosești Google

De ce v-am rugat să nu vă grăbiți să descărcați această bibliotecă? Este simplu - îl puteți conecta direct la Google.

După cum știți, Google nu este numai motor de căutare, dar în această corporație uriașă există multe caracteristici diferite care sunt create pentru a ușura viața unui programator.

Google folosește și o versiune comprimată. Și în acest cod puteți găsi o adăugare importantă - conține tehnologia ajax (vom vorbi despre asta mai târziu). Acest lucru este foarte lucru util, și mai devreme sau mai târziu vei avea nevoie de el. Și dacă conectați biblioteca la Google, atunci nu trebuie să vă pierdeți timpul căutând și conectând toate funcțiile pentru ajax.

Deoarece google - foarte companie mare, serverele lor nu se vor bloca niciodată și, prin urmare, puteți fi complet sigur că jQuery va funcționa întotdeauna pe site-ul dvs.

Dar există un dezavantaj - dacă conectați biblioteca de la Google, atunci când dezvoltați un site trebuie să aveți în mod constant acces la Internet.

Ei bine, acum că am descris ambele metode, o poți alege pe cea mai potrivită pentru tine și o poți conecta la documentul tău html.

Testare

Odată ce ați inclus biblioteca, este recomandabil să o testați. Mai jos am dat o parte din codul jq - nu intrați în prea multe detalii (acest lucru va fi discutat în lecțiile viitoare) despre ceea ce este scris acolo, doar scrieți același lucru și uitați-vă la rezultat.

Un text

După lansarea paginii, ar trebui să apară cuvintele „Există ceva text”. Și după ce faceți clic pe acest text, ar trebui să dispară. Dacă totul a funcționat exact așa pentru tine, atunci ai făcut totul bine.

P.S. Uneori întâlniți întrebări: „cum se conectează jQuery la Joomla 3?”, „cum se conectează jQuery la Bitrix?”, „cum se conectează jQuery la WordPress?”. Indiferent ce motor folosești pe site, metoda de conectare este întotdeauna aceeași. Am pus linia necesară în șablon - și totul va funcționa pentru tine.

Aceasta va instala jQuery în directorul node_modules. În node_modules/jquery/dist/ veți găsi o versiune necomprimată, o versiune comprimată și un fișier de hartă.

link Descărcarea jQuery folosind Bower

A doua versiune vă ajută să actualizați codul pentru a rula pe jQuery 3.0 sau o versiune ulterioară, după ce ați folosit Migrate 1.x și ați făcut upgrade la jQuery 1.9 sau o versiune ulterioară:

conectați testarea între browsere cu jQuery

Asigurați-vă că testați paginile web care folosesc jQuery în toate browserele pe care doriți să le acceptați. Site-ul pune la dispoziție mașini virtuale pentru testarea multor versiuni diferite ale Internet Explorer. Versiunile mai vechi ale altor browsere pot fi găsite la oldversion.com.

link jQuery Pre-Release Builds

Echipa jQuery lucrează constant pentru a îmbunătăți codul. Fiecare commit în depozitul Github generează o versiune în lucru a codului pe care o actualizăm pe CDN-ul jQuery. Aceste versiuni sunt uneori instabile și niciodată potrivite pentru site-urile de producție. Vă recomandăm să fie folosite pentru a determina dacă o eroare a fost deja remediată atunci când raportați erori față de versiunile lansate sau pentru a vedea dacă au fost introduse noi erori.

link Utilizarea jQuery cu un link CDN Alte CDN-uri

Următoarele CDN-uri găzduiesc și versiuni comprimate și necomprimate ale versiunilor jQuery. Începând cu jQuery 1.9, acestea pot găzdui și ; verifica documentatia site-ului.

Rețineți că pot exista întârzieri între o lansare jQuery și disponibilitatea acesteia acolo. Vă rugăm să aveți răbdare, ei primesc fișierele în același timp în care postarea de blog este făcută publică. Beta și lansați candidații nu sunt găzduit de aceste CDN-uri.

Un mic indiciu

Acest site are o descriere a aproape tuturor funcțiilor bibliotecii jQuery, așa că dacă nu înțelegeți una dintre funcțiile din exemple, puteți să vă uitați rapid la descrierea acesteia. Și pentru a nu pierde timp căutându-l, folosește căutarea după taste: începe să introduci numele funcției care te interesează în câmpul „după taste”.

Să începem

După ce ai petrecut ceva timp încercând să aduci funcționalitate dinamică paginilor site-ului tău, te vei trezi că urmărești în mod constant același tipar: mai întâi găsești unul sau mai multe elemente de pagină, apoi efectuează unele acțiuni asupra acestora, cum ar fi ascunderea, redimensionarea, repoziționarea, transparență etc.

Folosind javascript obișnuit, fiecare dintre aceste sarcini va necesita zeci de linii codul programului(și multe dureri de cap în legătură cu asta funcționare corectă V browsere diferite). Autorul jQuery și-a proiectat biblioteca în așa fel încât cel mai mult sarcini generale deveni trivial. De exemplu, astfel, folosind funcția $() din bibliotecă, puteți găsi elemente pe pagină folosind diferiți parametri:

Și aceasta este doar o mică parte din toate posibilitățile de căutare a elementelor ( lista completa vezi regulile din sectiunea selectoare). După selectarea elementelor, puteți începe imediat să le manipulați jQuery oferă o gamă largă de metode pentru aceasta (vezi secțiunile despre manipulări și efecte). Iată câteva dintre cele mai populare:

$("#bigIt").css("înălțime")	va returna valoarea înălțimii elementului cu identificatorul bigIt.
$("div").css("lățime", "20px")	va seta noua lățime la toate elementele div de pe pagină.
$("#bigIt").attr("clasa")	va returna valoarea clasei elementului cu id = bigIt.
$("#bigIt").attr("clasa", "cutie")	va seta o nouă valoare pentru atributul de clasă al elementului cu id = bigIt.
$("#bigIt").html( Novie! )	va schimba tot conținutul html al elementului cu id = bigIt cu cel specificat în metoda html.
$("#bigIt").text()	va returna textul din interiorul elementului cu id = bigIt.
$(".someBox").empty()	ștergeți conținutul elementelor cu clasa someBox.

Astfel, cu o singură linie de cod, putem afla sau modifica valorile css, atributele, conținutul html și text al oricăror elemente din pagină. Doar a avea doar aceste caracteristici ar face jQuery indispensabil. Cu toate acestea, această bibliotecă vă permite să faceți mult mai mult, mult mai mult.

funcția $().

Funcția cu numele laconic $() este poate cea mai importantă din întreaga bibliotecă. Cu ajutorul acestuia, puteți găsi elemente pe pagină (cum ați văzut deja) și le puteți adăuga „din zbor” html nou:

// creați un element div și adăugați-l la sfârșitul elementului cu conținut de identificare $("

Bang!

").appendTo("#conținut");

Pornirea scriptului

Înainte de a rula scriptul js, trebuie să vă asigurați că partea din pagină cu care va funcționa acest script a fost deja încărcată. Majoritatea programatorilor folosesc evenimentul onload pentru aceasta, care are loc atunci când întreaga pagină s-a terminat de încărcat:

window.onload = funcția () ( )

Cu toate acestea, încărcarea are loc după ce pagina este complet formată, inclusiv încărcarea tuturor imaginilor, bannerelor flash și videoclipurilor. În timp ce structura arborelui DOM (elementele de pagină), cu care funcționează de obicei scriptul, este gata mult mai devreme. Drept urmare, scriptul rulează mult mai târziu decât ar putea. Pentru acest caz, jQuery are o metodă gata, care este apelată atunci când arborele DOM este gata:

$(document).ready ( funcția () ( // apel funcțiile necesare scenariu));

Lanțuri de metode

O caracteristică importantă a majorității metodelor jQuery este capacitatea de a le înlănțui. Metodele care manipulează elementele documentului returnează de obicei aceste obiecte pentru utilizare ulterioară, care vă permite să scrieți ceva de genul:

$("#bigIt" ) .empty () .attr ( "clasa" , "noContent" ) ;

// ca urmare, elementul cu identificatorul bigIt va avea tot conținutul eliminat, // după care va fi setată clasa noContent. aceste lanțuri pot consta din multe Mai mult

metode. Pentru lizibilitate, lanțurile sunt adesea scrise „într-o coloană”: $("div" ) // găsiți toate elementele div .parent () // găsiți-le elementele părinte

.css ("heigth", "10px" ) // setează ultima înălțime la 10 pixeli .fadeTo (0 , 0.5 ) // setează transparența lor (părinții div) la 50% .addClass ("divOwner" ) // să adăugați clasa divOwner la aceasta

În acest fel, puteți descrie cu ușurință toate acțiunile care au loc cu elementele selectate, evitând utilizarea unui număr mare de variabile temporare.

Lucrul cu un set de elemente

Pe lângă manipularea elementelor selectate, jQuery vă permite să lucrați cu setul în sine: modificați-l, precum și să lucrați cu elementele individual. Să demonstrăm câteva dintre posibilități:	$("div").parent()
va returna elementele părinte ale tuturor div-urilor.	$("div").copii() va reveni elemente copil
toate div-urile.	$("#someId").next()
va returna elementul imediat după someId.	$("div").prev()
va returna elementele în fața div-urilor.	$("div").eq(i)
va returna elementul div cu indicele i în set.	$("div").get(i)
va returna obiectul DOM div, cu indexul i.	$("div").get()
va returna o serie de obiecte DOM din toate div-urile.	$("div").size()

va returna dimensiunea setului (numărul de div-uri).

De fapt, există mult mai multe metode de lucru cu un set, lista lor completă poate fi găsită în secțiunea corespunzătoare. Observați diferențele dintre metodele get(i) și eq(i). Primul returnează direct obiectul DOM al elementului numerotat i din set (apropo, numerotarea începe de la 0). Nu veți putea aplica metode jQuery unui astfel de element, dar le puteți aplica pe cele standard metode javascript . Metoda eq(i), dimpotrivă, revine i-lea element

Metoda cheie pe care se bazează toate celelalte este metoda animate(), care poate fi folosită pentru a seta diverse proprietăți CSS să se schimbe fără probleme:

Animate(proprietăți, , , ) proprietăți — listă de proprietăți CSS implicate în animație și a acestora valorile finale. Sunt specificate de un obiect, în format (cheie:valoare), de exemplu: (opacitate: 50, lățime: 100, înălțime: 200).
duration — durata animației. Poate fi specificat în milisecunde sau valoare șir„rapid” sau „lent” (200 și 600 milisecunde).

easing — modificați viteza animației (fie că va încetini spre sfârșitul execuției sau, dimpotrivă, va accelera). Setați după valoarea șirului: „liniar” și „swing” (pentru animație uniformă și animație cu accelerație). Alte opțiuni pot fi găsite în pluginuri. callback este o funcție care va fi apelată după finalizarea animației. Exemplu. Să avem

element div

cu ceva text. Dorim să ascundem fără probleme acest element, să înlocuim textul și să facem ușor elementul vizibil:

$("#mydiv" ) .animate (( înălțime: "ascunde") , 300 ) .text ( "Text nou" ) .animate (( înălțime: "afișare") , 300 ) ;

valorile „ascunde”, „afișează” înseamnă dispariția și apariția elementului datorită parametrului căruia sunt aplicate.

Există metode separate care vă permit să ascundeți și să afișați elemente, precum și să le schimbați transparența. Toate aceste metode pot fi găsite în secțiunea efecte. De asemenea, trebuie remarcat faptul că atunci când mai multe efecte sunt apelate simultan, în raport cu un element, executarea lor nu se va produce simultan, ci alternativ. De exemplu, când rulați următoarele comenzi: $("#my-div" ) .animate (( înălțime: "ascunde") , 1000 ) ;$("#my-div" ) .animate (( înălțime: "arată" ) , 1000 ) ;

element cu id

div-mea

, va dispărea inițial ușor de pe ecran, apoi va începe să reapară fără probleme. Cu toate acestea, animațiile setate pe diferite elemente vor fi executate simultan: $("#my-div-1") .animate (( inaltime: "ascunde") , 1000 ) ;. $("#my-div-2") .animate (( înălțime: "arată") , 1000 ) ; Ajax

$.post(url, , , ) $.get(url, , , ) url - url la care va fi trimisă cererea. date - date care vor fi trimise către server. Ele trebuie reprezentate într-un obiect, în formatul: (fNume1:valoare1, fNume2:valoare2, ...). sună din nou() -

funcție personalizată , care va fi apelat după ce serverul răspunde. dataType - tipul așteptat de date pe care serverul le va trimite ca răspuns la cerere (detalii).

Să ne uităm la exemple cu

obține metoda

, utilizarea celei de-a doua metode este similară. Să facem o cerere ajax simplă: trimiteți o cerere goală la server și nu procesăm răspunsul. Aceasta poate fi folosită, de exemplu, pentru a număra de câte ori cursorul a trecut cursorul peste un banner (un semnal va fi trimis către server pentru fiecare hover).

$.get("/plusOne.php" ); Acum, să trimitem datele către server și să le procesăm. Javascript-ul ar arăta astfel:// O solicitare pentru pagina http://hostname/ajaxtest.php va fi trimisă către server și vor fi specificați doi parametri.

// După primirea unui răspuns de la server, va fi apelată funcția onAjaxSuccess, care // va afișa un mesaj cu datele trimise de server.

$.get ( "/ajaxtest.php" , ( param1: "param1" , param2: 2 ) , onAjaxSuccess ) ; function onAjaxSuccess(data) ( // Aici primim datele trimise de server si le afisam pe ecran. alert (date) ; ) Pe server, procesarea unei cereri Ajax nu este diferită de procesarea unei cereri obișnuite (ca atunci când apelați

pagina de start

site):

Ca urmare a acestei solicitări, pe pagină va apărea un semn cu textul „I get param1 = param1 and param2 = 2”

Folosind aceste metode, puteți solicita XML, care poate fi apoi procesat fără probleme folosind metodele obișnuite jQuery. Să spunem că pe serverul pe care îl avem

pagina următoare generarea XML: Punctul 1 Punctul 2

Prin solicitarea acestei pagini folosind metoda get sau post, datele primite pot fi procesate cu ușurință:

Puteți afla complexitățile conectării jQuery la un site.

Subtitrări

O parte din textul acestui articol este preluat din articolul „Query - Next Generation Javascript” din revista RSDN. Acesta este unul dintre primele articole despre jQuery, datorită căruia probabil oamenii au aflat despre bibliotecă. cel mai mare număr Programatori vorbitori de limbă rusă. Cu toate acestea, pe în acest moment, unele dintre informațiile din acesta nu mai sunt relevante.

jQuery este o bibliotecă JavaScript care se concentrează pe interacțiunea dintre JavaScript, HTML și CSS.

Ce poate face jQuery

Accesați orice element DOM ( model de obiect document) și nu numai să le manipuleze, ci și să le manipuleze.
Lucrați cu evenimente.
Este ușor să implementați diverse efecte vizuale.
Lucrați cu AJAX (foarte tehnologie utila, care vă permite să comunicați cu serverul fără a reîncărca pagina, dar deocamdată nu o vom atinge).
Are cantitate uriașă pluginuri concepute pentru a crea elemente de interfață cu utilizatorul.

Cum funcţionează asta

Mai întâi, trebuie să descărcați biblioteca în sine de pe site-ul dezvoltatorilor sau, dacă este necesar, să o dezarhivați și să o mutați (biblioteca) în același folder în care se află paginile noastre html (acest lucru este opțional, dar adresele pentru toate exemplele ulterioare va fi scris pe baza acestei structuri).

Acum trebuie să conectăm jQuery la pagina html. Pentru aceasta, după cum vă amintiți, există o etichetă în html , care este responsabil pentru conectarea fișierelor script externe (). Să adăugăm această etichetă la pagina html (am conectat și pagina script.js cu funcții js): * Atenție la numele fișierului. Biblioteca jquery-1.2.6 este folosită aici, dar puteți descărca o versiune mai recentă, astfel încât numerele dvs. pot diferi.*

Deci, în folderul nostru avem o pagină html, o pagină cu stiluri (style.css), o pagină cu funcții js (script.js) și (jquery-1.2.6.js). Să facem acest exemplu (faceți clic pe butoane):

jQuery Effects Show() Effect SlideDown() Effect Animate() Effect Să vedem cum se face acest lucru. Pe pagina html ar trebui să avem trei dreptunghiuri (div-uri) și trei butoane: jQuery effects Show() effect SlideDown() effect Animate() effect

Vom emite aspectși faceți dreptunghiurile invizibile folosind . cod style.css:

#kv1, #kv2, #kv3( lățime:80px; înălțime:100px; float:stânga; fundal:roșu; margine:5px; culoare:alb; afișare:niciuna; )

Acum, cel mai interesant lucru este că pe pagina script.js scriem codul funcțiilor care vor fi declanșate la apăsarea butoanelor:

function addEffect1())( $("#kv1:hidden").show(); ) function addEffect2())( $("#kv2:hidden").slideDown("lent"); ) function addEffect3()) ( $( "#kv3:hidden").show().animate(( fontSize:"36px" ) , 3000);

Ce fac aceste funcții?

Funcţie addEffect1() vede $ ("#kv1:ascuns")și înțelege că trebuie să găsească un element cu id="kv1" care are proprietatea ascunsă. Apoi ea vede .spectacol()și înțelege că elementul găsit trebuie făcut vizibil.

Funcţie addEffect2() vede $ (semnul dolarului) și își dă seama că este jQuery, apoi vede ("#kv2:ascuns")și înțelege că trebuie să găsească un element cu id="kv2" care are proprietatea ascunsă. Apoi ea vede .slideDown(„lent”)și înțelege că elementul găsit trebuie să fie afișat lent („lent”) de sus în jos (slideDown).

Funcţie addEffect3() vede $ (semnul dolarului) și își dă seama că este jQuery, apoi vede ("#kv3:ascuns")și înțelege că trebuie să găsească un element cu id="kv3" care are proprietatea ascunsă. Apoi ea vede .spectacol()și înțelege că elementul găsit trebuie făcut vizibil. Apoi vede .animate((fontSize:"36px") , 3000)și înțelege că dimensiunea fontului trebuie mărită la 36 de pixeli în 3 secunde (3000) (fontSize:"36px")

Acesta este modul în care jQuery funcționează de fapt. Uită-te la cât de scurte sunt funcțiile noastre și imaginează-ți cum ar fi dacă am decide să le scriem în javascript pur. JQuery nu este uimitor? Despre cum se face efecte grafice, animația, tragerea și sortarea obiectelor și, în general, lucrul cu această bibliotecă vor fi discutate în lecțiile ulterioare.

La sfârșitul acestei lecții aș dori să vorbesc despre conceptele de bază ale jQuery. Sintaxa operatorului jQuery poate fi reprezentată aproximativ după cum urmează:

Unde selector- un element sau elemente cu care vom face ceva.

acţiune- ce vom face exact cu elementele selectate. Putem adăuga orice efect, stil css, schimba codul html etc. Orice eveniment poate fi listat aici.

proprietățile de acțiune- dacă sunt prevăzute de acţiune.

Atât pentru astăzi, în următoarea lecție vom studia selectoare.