jquery - 需要jQuery选择器

我有以下标记：

<div class="thumb">
   <img src="thumb.jpg"/>
   <p>Some text here</p>
</div>

基本上，我需要一个选择器，以便当div div ID悬停在上方时，我可以为孩子p设置动画。

我已经试过了：

$('.thumb').hover(function() {
    $(this > "p")animate({ "top":"35px" });
}, function() {
    $(this > "p").animate({ "top":"115px" });
});

由于某些原因无法正常工作。

谢谢

最佳答案

this是一个对象，而不是字符串，因此不能仅将其放入选择器中。您想使用.find()方法：

$(this).find("p").animate({"top": "35px"});

对应于选择器".thumb p"。要获得与".thumb > p"相同的行为，可以使用.children("p")代替.find("p")，但是此处的区别并不明显。

同样重要的是，不要在.之前输入任何错字，例如缺少animate;）

关于jquery - 需要jQuery选择器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4932482/