✅ Pluginuri și biblioteci JQuery pentru dezvoltarea web

Cuprins

jQuery Sortable - proprietarul echipei de jucători

Un plugin este un instrument de cod reutilizabil scris într-un fișier JavaScript standard. Aceste fișiere oferă metode jQuery utile care pot fi utilizate împreună cu metodele cadrului jQuery.

Să vedem câteva pluginuri disponibile și exemple despre cum să le folosim

Plugin pagină sau pagină stivuită
PagePiling.js este un plugin jQuery pentru a naviga între secțiunile unui site web derulând cu mouse-ul ca și cum ar fi diapozitive printr-un meniu, folosind săgețile tastaturii sau rotind roata mouse-ului, toate secțiunile sunt pe același site web. Derularea este verticală, prin urmare pagina este stivuită.

start
Temary
JQuery

Obiectivul acestui tutorial este prezentarea pluginurilor
din biblioteca JavaScript JQUERY

1 - Introducere în jQuery
2 - Programare de bază cu jQuery
3 - Efecte avansate cu jQuery

O bibliotecă JavaScript pentru a scrie mai puțin și a face mai mult

Exemplu

Configurarea se face prin invocarea funcției de compilare a paginilor, unde indicăm id-ul meniului, apoi indicăm numele fiecărei secțiuni, indicăm culoarea de fundal pentru fiecare secțiune și apoi în navigarea din dreapta indicăm numele care va apărea.

 $ ('# pagina'). compilarea paginilor ({menu: '#menu', ancore: ['start', 'section', 'sectionb'], sectionsColor: ['# 9aceed', '# 2ebe21', '# 2C3E50 '], navigare: {' position ':' right ',' tooltips ': [' Home ',' Section A ',' Section B ']}

Clasa secțiunii este cea utilizată de Plugin JQuery Pentru a recunoaște fiecare secțiune, clasa introductivă este cea pe care o indicăm pentru a începe conținutul unei secțiuni.

Plugin sortabil pentru sortarea listelor
Acest plugin este foarte util pentru a reordona listele trăgând cu mouse-ul și schimbând articole. Wordpress cms folosește acest plugin pentru a reordona categoriile, postările și paginile.

Să facem un exemplu, să presupunem că avem o listă a unei echipe inițiale de jucători și o echipă suplinitoare, avem, de asemenea, o listă de jucători de rezervă. Vom face aceste trei liste și, prin intermediul pluginului sortabil, vom putea schimba lista jucătorilor pur și simplu glisând numele lor cu mouse-ul în lista pe care dorim să o punem sau să-i schimbăm poziția în aceeași listă.

 jQuery Sortable - Listă de jucători 
jQuery Sortable - proprietarul echipei de jucători


 Echipa titlurilor Echipa suplinitoare Rezervați jucătorii 

 
 

José
Alberto
Charles
Punctul 4

 

Javier
rame
Daniel
Genaro

 

Mario
Fernan
Zambilă
Manuel
Silvano

Exemplu

Cum să îmi creez propriul plugin jQuery?
Un plugin jQuery este un script sau o metodă nouă pe care o folosim pentru a crea o nouă funcționalitate prin extinderea sau facilitarea posibilităților pe care ni le oferă jQuery. Pentru a crea un plugin, trebuie să declarăm o funcție și să programăm funcționalitatea sub formă generică, astfel încât să poată fi refolosită pe orice pagină sau site web.

Trebuie să analizăm și să luăm în considerare faptul că, atunci când includem pluginul în jQuery, nu avem conflicte cu nicio altă bibliotecă sau funcție sau chiar cu fișiere css care ar putea modifica performanța pluginului nostru. jQuery ne permite să definim pluginurile în diferite moduri. Elementele unui site web nu pot fi manipulate în siguranță până când documentul nu este încărcat complet în browser. jQuery detectează această stare pentru a determina când elementele html pot fi accesate.

Evenimentul .ready () va fi executat numai după ce web-ul a fost încărcat și înainte de a fi afișat în browser, .ready () are scopul de a executa o funcție imediat după încărcarea întregului document HTML, asigurându-se că codul nostru va fi executat pe elemente care sunt afișate.

Formatul acestei funcții este:

 // Aceste funcții vor fi disponibile când se termină încărcarea webului $ (document). Ready (function () {function myfunction () {// codul funcției}});

Dacă în locul unei funcții aplic un selector CSS. Această linie va fi executată automat când pagina se termină de încărcat, de exemplu după încărcarea paginii, puneți toate linkurile în verde și cu o dimensiune de 14 pixeli.

 $ (document) .ready (function () {$ ('a'). css ({'color': verde, 'font-size': '14px'});});

În continuare vom crea un plugin care elimină orice e-mail publicat într-o listă de comentarii de pe un site web.

 
 
 Analizele utilizatorului  

 
 Comentariu Lorem Ipsum 1 - Vineri 01/04/2016 12:35 Lorem Ipsum este pur și simplu text fals din imprimante și fișiere text.
[email protected]  

 
 Comentariu Lorem Ipsum 2 - Vineri 01/04/2016 12:35 Lorem Ipsum este pur și simplu text fals din imprimante și fișiere text.
[email protected]