jquery - 使用 jQuery 更改子 div 样式的问题(通过类选择器)

Question

这与其说是问题，不如说是好奇问题)

在我的 Rails 3 应用程序中，我生成了许多 block ，其中包含 div 元素。一个 block 看起来像这样:

<div class="link_div">
        <%= link_to ... %>
        <div class="ranking">
        <%= link_to ... %>
        <%= link_to ... %>
        <%= link_to ... %>
    </div>
</div>

现在我试图在 mouseOVER 上切换“排名”div 可见性。这并不容易，因为我是 jQuery 的新手。我尝试了很多 css 访问器，但最终我找到了如下所示的解决方案:

$('.link_div').hover(
      function () {
        $(this).children('.ranking').css('display','block');
      },
      function () {
        $(this).children('.ranking').css('display','none');
      }
);

所以问题是:“为什么这个解决方案不起作用？”:

$(this).children()[1].css('display','block');

警告说 chilren()[1] 给了我 div 对象，但它没有 .css() 方法。 为什么？

alert($(this).children()[1]) // => "[object HTMLDivElement]"

Answer 1

你为什么要用 javascript 做这个？这分明是属于css的东西。您将获得更清晰的代码，标记、内容和行为之间更好的分离以及巨大的性能提升。

example