привязка мыши к событию в jquery - PullRequest
Новая
       3

привязка мыши к событию в jquery

0 голосов
/ 25 октября 2009

Моя модель выглядит так: 

<body>  <div class="c1"> 
              <div class="c2">
              ...
              </div>
              <div class="c3">
                      <div class="thisone">....</div>
              </div>
        </div>
        <div class="c1"> 
              <div class="c2">
              ...
              </div>
              <div class="c3">
                      <div class="thisone">....</div>
              </div>
        </div>
        <div class="c1"> 
              <div class="c2">
              ...
              </div>
              <div class="c3">
                      <div class="thisone">....</div>
              </div>
        </div>
         </body>

Элемент div с классом thisone в настоящее время скрыт.

Во время наведения мыши на класс c1 я хочу, чтобы div с thisone был виден и скрыт при наведении мыши.

Как я могу сделать это с помощью jQuery? Я хочу максимально подробно изучить его, чтобы сделать его более эффективным, но я точно не знаю, как это сделать.

1 Ответ

4 голосов
/ 25 октября 2009

Самый надежный и простой способ: 

$(window).ready(function(){
  $(".c1").hover(
     function(){
       // mouse in
       $(this).children(".thisone").stop().fadeIn(); // you can change fadeIn to show
     },
     function(){
       // mouse out
       $(this).children(".thisone").stop().fadeOut(); // you can change fadeOut to hide
     }
  );
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...