JQuery/JavaScript functie Show/Hide

[dalilice]

Salutare, stiu ca primul meu post pe acest forum, dar am nevoie de ajutorul vostru.

Sunt noob cand vine vorba de Java sau JQuery, dar am nevoie de o functie care sa imi ascunda div-uri.

Am gasit mai multe functii pe google, dar trebuie sa am mai multe id-uri unice, iar eu trebuie sa pun asta intr-o functie foreach deci pot pune 1 <div class="ex"> urmand sa fie generate dinamic 5 divuri.

[TheTime]

Deci ai ceva de genul:

<div class="ex">

<div id="id1"></div>

<div id="id2"></div>

<div id="id3"></div>

<div id="id4"></div>

<div id="id5"></div>

</div>

?

Daca da, atunci incearca $(".ex").children("div").each( $(this).hide() );

[Xander]

$("selector").hide();

ce inseamna selector:

#ceva = primul element in pagina cu id-ul ceva ( ar trebui sa fie decat unu deaia returneaza primul )

.ceva = toate elementele din pagina care au clasa ceva. Ex.: <div class="ceva"></div> sau <div class="altceva1 ceva altceva2"></div> ( merge si asa )

ceva ( exemplu: div,a,input,table,... etc ) : returneaza toate elementele care au tipul ceva

$("ceva1 ceva2") : toate elementele care sunt gasite de selectorul2 si apartin descendentilor gasiti de ceva1

exemplu: $("#nav a") : returneaza toate link-urile gasite in elementul cu id="nav"

$("ceva1 > ceva2") : toate elementele care sunt copii directi ai elementelor gasite de ceva1 si corespund selectorului ceva2

exemplu $("#nav > li > a")

<ul>
<li><a href='asdf'>asdf</a></li>
</ul>
in acest caz $("#nav > li > a") returneaza aceleasi obiecte ca $("#nav a") dar

<div id="nav">
<p>text <a href="asdf">asdf</a><span><a href='test'>test</a></span></p>
</div>
in acest caz primul returneaza $("#nav a") corect ambele link-uri dar $("#nav > li > a") nu returneaza nimic

$("selector1,selector2") = returneaza toate elementele care corespund ori selector1 ori selector2

si mai sunt si altele de genul

$("selector[attributa=valoare]") exemplu: $("a[rel=nofollow]") = returneaza toate link-urile care au atributa rel=nofollow

P.S. selectoarele de mai sus pot fi grupate

de exemplu:

$("#nav > div.secondary a.nav.special") returneaza toate link-urile care au ambele clase nav si special , care sunt descendenti ai unui div cu clasa secondary care la randul lui este copil direct al unui element cu id="nav"

in cazul tau ( din cate am inteles ... pentru ca vorbesti chineza ) te-ar ajuta

$("#ex div").hide();

Edited October 24, 2012 by Xander

[dalilice]

Multumesc pentru acest mini tutorial, Xander vad ca trebuie sa mai invat foarte multe.