Nu cu mult timp în urmă, am discutat cu dvs. cum puteți schimba aspectul etichetei selectate folosind CSS convențional. Dar, după cum a demonstrat practica, folosind CSS, puteți schimba parțial numai aspectul său, dacă aveți nevoie de o schimbare totală în designul etichetei selectate. atunci ar trebui să utilizați jQuery, altfel nu există nimic.
JQuery este scris pe o grămadă de plugin-uri care pun în aplicare această idee, dar ne vom concentra pe unul dintre ei, acest plugin jQuery Selecter.
De ce l-am ales pe el?
În primul rând, cântărește foarte puțin (doar 10KB).
În al doilea rând, cu ușor pentru a personaliza tag-ul selectați și, astfel, se va lucra bine cu atributele sale, cum ar fi selectată sau dezactivată.
În al treilea rând, este browser încrucișat.
Cum se utilizează?
De asemenea, am atașat, o scurtă instrucțiune textuală, despre conectarea pluginului:
1. Mai întâi, descărcați arhiva cu acest plugin din materiale suplimentare sau pe site-ul Github.
2. Localizați arhiva de fișier necesar 2 (acest jquery.fs.selecter.min.js și jquery.fs.selecter.css) și să le conecteze la pagina ta. Desigur, biblioteca jQuery trebuie, de asemenea, să fie conectată la pagină.
În plus față de fișierele de script, un script modernizr.js trebuie să fie conectat la pagină. Este necesar să ne facem mai ușor să lucrăm cu foaia de stil jquery.fs.selecter.css în viitor. deoarece multe dintre regulile care sunt în el, folosesc clasele care doar întreabă modernizatorul.
modernizr.js puteți lua de la materiale suplimentare sau descărcați pe site-ul oficial.
3. După ce ați conectat totul, puteți face inițializarea plug-in-ului.
Dacă ați urmat pașii anteriori, iar acum toate etichetele selectate, sunt pe pagina ar trebui să schimbe înfățișarea lui și acum, pentru aceste tag-uri, putem specifica anumite opțiuni, schimbând astfel logica muncii lor.
Opțiunile JQuery Selecter
Cu privire la modul de a lucra cu aceste opțiuni, am scris o lecție separată, care este situată mai jos.
Articole similare
Trimiteți-le prietenilor: