Javascript - hogyan lehet ellenőrizni, ha egy elem van elrejtve jquery dom, kód q - egy orosz (ru)

Egyik ilyen választ nem befolyásolja, amit értem, ez a kérdés, hogy én kerestem: „Hogyan kezeljük az elemek láthatóságát :? Rejtett». No: látható vagy: rejtett fog kezelni, mert mind a keresett dokumentumok megjelenítéséhez. Amennyire én tudom, van egy választó, hogy ellenőrizzék a CSS láthatóságát. Itt van, hogyan oldotta meg (normál jQuery szelektor tömörebb szintaxis):

Meg tudja határozni, hogy egy elem keletkezik, akár nem, a segítségével: látható és: rejtett szelektor.

Ha csak dolgozik alapján egy elemet láthatóságát, akkor egyszerűen a következők: látható vagy: rejtett a választó kifejezést. Például:

Gyakran előfordul, hogy ellenőrzése valami látható vagy nem, akkor azonnal menjenek, és valami mást vele. jQuery lánc megkönnyíti.

Ezért, ha van egy választó, és azt szeretné, hogy hajtson végre valamilyen rajta csak, ha az látható, vagy rejtett, akkor a szűrő ( „: Csak”) vagy szűrőt ( „: rejtett”), majd megkötik azt a cselekvési szeretne venni.

Ezért ahelyett, hogy utasításból. például:

Vagy hatékonyabb, de még csúnyább:

Meg tudod csinálni az egész egy sorban:

Selector: Csak megfelelően jQuery dokumentációt.

• Nem jeleníti meg az értékeket CSS.
• Ezek formája elemek type = „hidden”.
• Az szélessége és magassága kifejezetten a 0.
• ős elem rejtett, így nincs elem megjelenik az oldalon.

Elemek visibility: hidden vagy opacity: 0 minősülnek látható, mint ahogy ma is fogyasztanak helyet az elrendezés.

Ez hasznos lehet bizonyos esetekben, és ez haszontalan másoknak, mert ha szeretné ellenőrizni, hogy a látható elem (megjelenítéséhez! = Nincs), figyelmen kívül hagyva a láthatóságát a szülők, azt találjuk, hogy a teljesítménye .css ( „display”) == „none” nem csak gyorsabb, hanem vissza a megfelelő vizsgálati láthatóságát.

Ha azt szeretnénk, hogy ellenőrizze a láthatóságát a kijelző helyett, akkor érdemes használni. css ( "láthatóságát") == "rejtett".

Mivel: Csak egy kiterjesztése a jQuery, és nem része a CSS specifikáció lekérdezések: Csak nem részesülhetnek a termelékenység javulását, feltéve, hogy a beépített DOM querySelectorAll () metódust. A legjobb teljesítmény használatakor: Csak válassza ki a megfelelő terméket, elemek kijelölése a tiszta CSS választó, majd .filter ( „: Csak”).

Úgy működik nekem, és tudom használni a show () és hide (), hogy én div rejtett / látható:

Az elem elrejtve display: none. visibility: hidden vagy opacity: 0. A különbség e módszerek:

• display: none rejt egy elem, és nem kerül sor;
• visibility: hidden elrejti az elem, de még mindig zajlik az elrendezés;

opacity: 0 elrejti az elem „visibility: hidden”, és még mindig zajlik az elrendezés; Az egyetlen különbség az, hogy az átlátszóságát a elemet vezet részben átlátszó;

Hasznos jQuery kapcsolási módszerek:

Elrejtéséhez / megjelenítéséhez a hívást hívom .addClass ( "elrejteni") /. RemoveClass ( "elrejteni"). Hogy ellenőrizze a láthatóság használom .hasClass ( „elrejteni”).

Ez egy egyszerű és intuitív módon, hogy ellenőrizze / show / hide elemeket, ha nem kívánja használni .toggle () vagy .animate ().