14 fragmente utile de jquery pentru toate ocaziile

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.