Modifier la propriété Div lorsque vous passez la souris sur une autre div?

Question

Donc, fondamentalement, ce que je vais avoir:

<div id="1"> 
<div id="top"></div> 
Text 
Text 
Text 
etc. 

<div id="bottom"></div> 
</div> 

Comment pourrais-je aller à faire ce qui suit: Si quelqu'un passe au-dessus div « 1 » (le conteneur entier div) modifier la propriété du "bottom" div (et seulement ce div du bas) comme l'ajout d'une classe appelée "over".

Je suis sûr qu'il y a un moyen mais je devine qu'il faudrait utiliser quelque chose comme jquery.

Answer 1

Si vous avez jquery, alors il est assez simple (cela a fonctionné pour moi):

$('#1').hover(function() { 
    $('#bottom').addClass('over'); 
}) 

Answer 2

La première chose est de ne pas utiliser les numéros pour ids div

$("#id").hover(//mouseover id 
    function() { 
    $("#bottom").addClass('classname') // this function is for mouse over 
    }, 
    function() { 
// this is for mouse out 
    } 
); 

Answer 3

Oui, vous avez raison. Vous aurez besoin de jQuery pour accomplir ce que vous voulez faire.

La documentation de l'API jQuery contient l'exemple exact que vous recherchez si vous consultez le document hover function. Allez en bas pour un exemple. Ajustez pour votre propre code.