Изменить свойство Div при наведении на другой div?

Question

Так что в основном это то, что я собираюсь иметь:

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

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

Как бы я поступил следующим образом: Если кто-то наводит курсор на элемент div «1» (весь контейнер div), измените свойство «нижнего» элемента div (и только этого нижнего элемента div), например добавьте класс с именем «over».

Я уверен, что есть способ, но я предполагаю, что ему нужно будет использовать что-то, например, jquery.

Answer 1

Да, вы правы. Вам понадобится jQuery, чтобы выполнить то, что вы хотите.

Документация по jQuery API содержит точный пример, который вы ищете, если вы пойдете и посмотрите на функцию наведения . Перейти к основанию для примера. Настройте свой код.

Answer 2

Если у вас есть jquery, то это довольно просто (у меня это сработало):

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

Answer 3

Во-первых, не используйте числа для идентификаторов деления

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