[jQuery] Semplice onmouseover, problema con il selector

[PazZII]

Salve,
purtroppo mi sto spingendo troppo avanti per le mie conoscenze (si impara così però) e non riesco a fare una cosa sicuramente banale.
Ho una struttura di questo genere (che non so se è ottimale):

<div id="conteiner">

  <div id="1">
  

......</p>
  </div>
  ...
  ...
  <div id="N">
  

.....</p>
  </div>

</div>

Vorrei fare in modo che al passaggio del mouse (onmousehover) applicasse, ma è solo un esempio, un nuovo colore di background ai div con id 1, 2, N.

In pratica immaginatevi un guestbook con N messaggi racchiusi in un div con id="N"

Come dovrei impostare il selettore in jQuery?
E' corretto dare quei nomi ai Div?
Forse è più corretto un quacosa tipo <div id="cont_N">...</div>?

Ahhhh sarà una stupidaggine ne sono convinto
Intanto scartabello la documentazione di jQuery.
Ciao!

[simonsaint]

Guarda sono agli inizi anch'io e sono imbarcato tra mille guide jquery.

Voglio azzardare una soluzione e vediamo se gli altri più esperti possono confermare

se fai semplicemente

//over
$("div").bind("mouseover", function(){
    $(this).css("background-color" , "#colore");
});

//out per tornare al colore iniziale uscendo dal div
$("div").bind("mouseout", function(){
    $(this).css("background-color" , "#colore iniziale");
});

in questo modo il div numerato non ti servirebbe neanche, quindi eliminerei tutti gli id. se ci sono altri div nella pagina e non vuoi che abbia un effetto su tutti i div, allora ingloberei gli N div in un div contenitore (#box) e il selettore css iniziale anziché $("div") diventerà $("#box > div") così selezionerà una collezione di div successivi al #box (quindi direttamente interni al #box).

[PazZII]

apperò mica male!
Provo al volo

[PazZII]

mmmmm e se io dovessi selezionare dei div interni come funziona?
Ho questa struttura:

<div id="conteiner">

  <div id="1">
      <div id="agree">yes</div> <div id="disagree">no</div> 
  

......</p>
  </div>
  ...
  ...
  <div id="N">
      <div id="agree">yes</div> <div id="disagree">no</div> 
  

.....</p>
  </div>

</div>

... e il tuo codice che funziona benissimo ...

//over
$("div").bind("mouseover", function(){
    $(this).css("background-color" , "#colore");
});

//out per tornare al colore iniziale uscendo dal div
$("div").bind("mouseout", function(){
    $(this).css("background-color" , "#colore iniziale");
});

Normalmente vorrei che "<div id="agree">yes</div> <div id="disagree">no</div> " fossero invisibili e vabbè, è semplice.
Ma come faccio utilizzando il tuo codice a fare in modo che "mouseover" mi si visualizzino i div "<div id="agree">yes</div> <div id="disagree">no</div> " solo del div (this) che sono sopra con il mouse?
mmmmmmmm

[PazZII]

Trovato.
Una cosa tipo mi seleziona il #div dentro this:

$('#div, this).qualcosa();

[Xinod]

e' anche corretto (e piu' performante) procedere di find

$(this).find('div')

[PazZII]

provo al volo

[PazZII]

figo funziona

[simonsaint]

Ottimo, sono anch'io alle prime armi e come te sto un po' facendo delle prove, sono contento che in qualche modo si è arrivati alla soluzione

[PazZII]