为什么`$（this）.children`不能在以下代码中工作？

Question

为什么$(this).children在以下代码中不起作用？

$('.home-box').hover(function() {
  $(this).children('home-box-caption a').animate({
    bottom: -12,
  }, 200);
}, function(){
  $(this).children('home-box-caption a').animate({
    bottom: -24,
  }, 200);
}); 

.home-box {
background: url(images/home_box_bg.png) no-repeat 0 0;
cursor: pointer;
float: left;
margin: 25px 13px 25px 0;
position: relative;
width: 230px;
height: 160px;
}

当我悬停.home.box时，没有任何事情发生。

Answer 1

你忘记了JQuery选择器中的点......

应为$(this).children('.home-box-caption a')

而不是$(this).children('home-box-caption a')

Answer 2

在用于children()功能的选择器中，您忘记添加点字符（.）以指示home-box-caption的类名。

选择器应为

$(this).children('.home-box-caption a').animate(...);
//----------------^

Answer 3

你忘记了这是一堂课。所以放'.'

.home-box-caption a

Answer 4

您错过了.选择器中的.children()课程表示法：

$(this).children('.home-box-caption a')
//----------------^-----------------------try adding this.