Ce este jquery, concepte de bază și caracteristici

Ce poate face jQuery


Cum funcționează

Acum trebuie să conectăm jQuery la html-page. Pentru aceasta, după cum vă amintiți, există o etichetă în html



* Fiți atenți la numele fișierului. Biblioteca jquery-1.2.6 este utilizată aici, dar puteți descărca o versiune mai recentă, astfel încât numerele pot varia. *

Deci, suntem în dosarul html-pagini, stiluri de pagină (style.css), o pagină cu js-funcții (script.js) și biblioteca jQuery (jQuery-1.2.6.js). Să facem acest exemplu (faceți clic pe butoane):
Efectele JQuery

Efectul Arată () Effect SlideDown () Efect Animate ()
Să vedem cum se face acest lucru. Pe html-pagina, trebuie să avem trei dreptunghiuri (divs) și trei butoane:

Creați o aparență și faceți dreptunghiurile invizibile folosind CSS. Codul stil.css:

Acum, cel mai interesant, pe script.js pagina scriem codul funcțiilor care vor funcționa când apăsați butoanele:







Ce fac aceste funcții?

Funcția addEffect1 () vede $ (semnul dolar) și își dă seama că acest lucru este jQuery, atunci ea vede ( „# KV1: ascuns“) și își dă seama că are nevoie să găsească elementul cu id = „KV1“, având proprietatea ascunse (invizibile). Apoi, ea vede .show () și înțelege că elementul găsit trebuie să fie vizibil.

Funcția addEffect2 () vede $ (semnul dolar) și își dă seama că acest lucru este jQuery, atunci ea vede ( „# KV2: ascuns“) și își dă seama că are nevoie să găsească elementul cu id = „KV2“, având proprietatea ascunse (invizibile). Pe lângă ea vede .slideDown ( „lent“) și își dă seama că elementul trebuie găsit lent ( „lent“) pentru a afișa sus în jos (slideDown).

Funcția addEffect3 () vede $ (semnul dolar) și își dă seama că acest lucru este jQuery, atunci ea vede ( „# kv3: ascuns“) și își dă seama că are nevoie să găsească elementul cu id = „kv3“, având proprietatea ascunse (invizibile). Apoi, ea vede .show () și înțelege că elementul găsit trebuie să fie vizibil. Apoi, ea vede .animate (3000.), și își dă seama că dimensiunea fontului trebuie, timp de 3 secunde (3000) pentru a crește la 36 de pixeli (FONTSIZE: „36px“)

La sfârșitul acestei lecții, aș dori să vorbesc despre conceptele de bază ale jQuery. Aproximativ sintaxa declarației jQuery poate fi reprezentată după cum urmează:

unde selectorul este un element sau elemente cu care vom face ceva.

acțiune - ce anume vom face cu elementele selectate. Putem adăuga un efect, stilul css, schimbarea codului html etc. Aici pot fi indicate și anumite evenimente.

Proprietățile acțiunii - dacă acestea sunt furnizate de acțiune.

Pentru astăzi, poate, totul, în următoarea lecție, vom studia selectorii.

Estimarea medie a articolului: 4 puncte







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: