Class kiválasztása JavaScriptben hogyan?

<script src=" [link]

<script src=" [link]

<script type="text/javascript">

$(document).ready(function(){

$('.class').click(function(){

$('.class').fadeOut(); //vagy .hide(); a fadeout az animálva tűnik el, kicsit szebb.

});

});

</script>

jquery nélkül is megoldható:

document.getElementByClass("class_neve").style.display = "none";

Viszont egy bizonyos elemre hivatkozni célszerűbb az ID-je alapján, hiszen abból csak egy lehet, míg ha több ugyanolyan class-szal rendelkező div-ed van, a fenti utasítás hatására (és az előzőekben mutatott jquery-vel is) csak az első megtalált objektumra fog hatni az eltűntetési művelet.

Elnézést, félig hülyeséget írtam az előzőben.

A "tomb" változó egy array tipusú nodelist, amin végig kell menned egy js ciklussal. Pl.:

tomb = document.getElementsByClassName("class_neve");

for (i=0; i<tomb.length; i++) {

tomb[i].style.display = "none";

}

jQueryvel egy kicsit egyszerűbb a dolog, ott van egy .each metódus, ami végigmegy az adott szelektor elemein. Pl.:

$(".class_neve").each( function() {

this.hide();

})