Hogyan kell ojan javascript fv-t írni, hogy az összes class='valami' elemeknek display:none tulajdonsága legyen?
a class='valami' az mindegy. abba a html tag-ba amiben ez a valami css osztály van, oda kell egy azonosító azaz id (pl.: id='pelda')
javascript:
function probafuggveny_id() {
document.getElementById('pelda').style.display = 'none';
}
nem tudsz a valami css osztályra hivatkozni, hogy az összes class='valami' legyen display:none, hanem csak ilyen id-re. de a kérdésedbe összes van írva, így gondolom több elemmel szeretnéd ezt csinálni egyszerre. úgyhogy:
function probafuggveny_name() {
document.getElementsByName('pelda').style.display = 'none';
}
itt van ez a függvény, ezzel tudsz egyszerre több elemre hivatkozni, míg az id az egyedi, a name='pelda' azaz egy html tag neve lehet többnek is ugyan az.
így tudod egyszerre több html tag dislpay tulajdonságát egy időben egy függvénnyel átírni.
és olyan nem pedig ojan
jqueryvel:
$('.valami').css('display','none');
a 2. kommentelő tökáletes választ adott!
$('.valami').css('display','none'); Ennél egyszerübb megoldás nincs!
Úgy működik, hogy az oldaladba behintegrálod a jqueryt.
vagyis a html oldalad header tegjébe beteszed a következő sort
<script src="elérésiutvonal/jquery.js" type="text/javascript"></script>
aztán mát pl a bodyban is használhatod a fenti utasítást, persze egy javascript tegben.
A $('.valami') visszatér egy objektummal, ami tartalmazza az összes vlami classu elemet. Aztán a css('display','none') metódust lefuttatja az összes elemen, ami a selektornak megfelel (a selektor az, amit a $ metódusban megattál paraméternek. jelen esetben egy olyan kiválasztó, mely a valami nevezetű css osztállyal rendelkező elemeket választja ki. persze lehet itt bonolultnál bonyolultabb selectorkat is írni, ezért látogass el a jquery oldalára)
Még egy megjegyzés! Ma a webfejlesztés nagyon lassú lenne ilyen un. frmaworkok nélkül, mint a jquery.
Tanuld meg! Nem nehéz és megéri. Leegyszerűsíti és megkönnyíti a munkádat.
"de én nem szeretnék mindegyiknek külön id-t adni. pontosan adott, hogy milyen class-ba tartoznak."
kaptál választ a jquery-vel, de ha javascript-el akarod le van írva az első válaszban részletesen hogy adj ugyanolyan nevet ezeknek a tageknek ugyan úgy átírja. vagy nem érted?
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!