Cum să ascundeți sau să eliminați un element din pagină utilizând jquery, pentruwww - un blog pentru dezvoltatori,

Dacă aveți nevoie de o animație lină, puteți pune un număr în milisecunde 200, 400, 1200 etc. sau fraze în stilul lent. rapid - aici deja, deoarece este mai convenabil, vezi în documentația 🙂. Ei bine, dacă nu avem nevoie de animație la toate, și se întâmplă implicit deja setat la 600 (dacă nu confundăm nimic), atunci pune doar 0 - fadeIn (0);







Desigur, aceasta nu este cea mai bună opțiune și vă recomand să vă gândiți de mai multe ori înainte de a vă folosi totul - la urma urmei, toate aceste efecte au fost create în mod clar pentru a nu ascunde elementele de pe pagină

Cum să ascundeți un element pe care îl folosesc pentru atribuirea clasei în jQuery

Una dintre opțiunile cele mai "normale" este de a atribui clase temporare. Apropo, este mai bine să alocăm astfel de clase într-un fel pe fundalul celorlalte, de exemplu, mi-a plăcut ideea de a adăuga un prefix .js - ca mine, este foarte convenabil.







La începutul articolului au fost deja luate în considerare opțiunile de ascundere a CSS, cel mai adecvat fiind:

$ (acest) .addClass ("js-ascuns"); - adăugați o clasă obiectului respectiv. pe care am făcut clic,
$ (acest) .removeClass ("js-ascuns"); - eliminați clasa prin clic,
$ (acest) .toggleClass ("js-ascuns"); - scoateți automat aparatul sau adăugați o clasă, la rândul său.

Rețineți că dacă doriți să închideți pagina "pop" sau un alt element pe pagină, trebuie să înlocuiți $ (acest lucru) cu selectorul $ ('. MySelector') și să nu uitați un lucru foarte important - să nu ascundeți toate elementele de pe , dar numai una care se referă la butonul curent. Da, înseamnă că trebuie să căutați un părinte. începând cu elementul pe care ați făcut clic.

Sper că voi înșivă veți înțelege care dintre aceste sfaturi pot fi considerate "dăunătoare" și care pot fi aplicate în condiții de siguranță 🙂

Ofer servicii pentru crearea de proiecte pe site-uri CMS 1C-Bitrix, șabloane și componente de la zero.

Articole populare:







Trimiteți-le prietenilor: