Nu voi intra în teorie, toată documentația despre jQuery este pe site-ul oficial al bibliotecii. Îmi amintesc doar că, așa jQuery.
1. Defilați în partea superioară a paginii
Fără ea, niciun site nu este deja complet. Doar 4 linii de cod vă permit vizitatorilor să răstoarnească cu ușurință întreaga pagină într-un singur clic.
2. Duplicați anteturile tabelului
Pentru a îmbunătăți percepția și lizibilitatea tabelelor, puteți să le duplicați anteturile de dedesubt sub masă. S-ar părea că este un lucru mic, dar este foarte convenabil în mese complexe și mari care nu se potrivesc într-un singur ecran.
3. Încărcarea datelor externe
Cu jQuery este foarte ușor să încărcați conținut extern în paginile web. Acesta poate fi transmis direct în blocul DIV, ca în exemplul de mai jos.
4. Înălțimea egală a coloanelor
Se știe că alinierea blocurilor în înălțime cu standardul HTML și CSS nu este atât de ușoară. Numai câteva linii de cod de mai jos vă vor permite să faceți înălțimea tuturor blocurilor egale cu înălțimea blocului mai mare.
5. Zebra de masă
După cum știți, percepția și lizibilitatea tabelului vor fi considerabil mai mari dacă faceți o bandă multi-colorată. Acest lucru este foarte ușor de implementat pe jQuery.
6. Actualizarea parțială a paginii
Cu jQuery este foarte simplu să implementați o actualizare bloc (parțial) a paginii. De exemplu, codul de mai jos vă va permite să actualizați automat blocul #refresh la fiecare 10 secunde.
7. Preîncărcarea imaginilor
8. Deschideți linkurile externe în ferestre / file noi
9. Blocați în întreaga fereastră a browserului
Acest script vă va ajuta să întindeți blocul pe ecranul complet al browserului. Perfect pentru ferestre și ferestre modale.
10. Verificarea complexității parolei
Dacă permiteți vizitatorilor site-ului dvs. să specificați în mod independent parolele, ar fi bine să verificați complexitatea acestora și să informați vizitatorul despre acest lucru.
În primul rând, vom scrie partea HTML a codului:
Și cu ajutorul codului de mai jos, vom verifica parola introdusă și vom afișa informațiile către vizitator: parola este complexă, medie sau slabă și, de asemenea, verificați dacă este prea scurtă.
11. Redimensionați imaginile folosind jQuery
Desigur, este mai logic să modificați mărimea imaginilor pe partea serverului folosind PHP și GD, dar există situații când trebuie făcută pe partea clientului. Din nou, jQuery ne va ajuta.
12. Încărcarea conținutului când derulați pagina în jos
De cele mai multe ori această tehnică este numită ca o defilare infinită. Conținutul este încărcat în timp ce utilizatorul derulează pagina. Acest lucru este suficient de simplu pentru a implementa folosind codul de mai jos.
13. Verificarea încărcării imaginii
De multe ori este posibil să fie necesar să verificați dacă imaginea este încărcată în acest moment sau nu. Din nou, jQuery ne va ajuta.
14. Sortare în ordine alfabetică
Dacă aveți nevoie să sortați dinamic lista în ordine alfabetică, acest mic fragment vă va ajuta cu siguranță.
Adaptive temă multi-scop pentru Wordpress
Adaptive temă multifuncțională de înaltă performanță pentru Wordpress
Tema portofoliului creativ pentru Wordpress