Question

嗨我有一些关于jquery的问题当鼠标进入主页时，如何选择我的html结构的“First-First”？ html结构：

<div id="main">
    <div class="first">
        <div class="first-first"></div>
        <div class="first-second"></div>
    </div>
</div>

这会成为这种做法吗？

  $("div.main").mouseenter(function() {
        $(this).child(".first").next(".first-first").show();
  }).mouseleave(function() {
        $(this).child(".first").next(".first-first").hide();
  });

Answer 1

也许

$("#main").mouseenter(function() {
    $('.first-first', this).show();
}).mouseleave(function() {
    $('.first-first', this).hide();
});

Answer 2

使用简单的选择器怎么样：

$("div.main").mouseenter(function() {
    $(".first > .first-first", this).show();
});

Answer 3

你很亲密：

  $("div.main").mouseenter(function() {
        $(this).children(".first").children(".first-first").show();
  }).mouseleave(function() {
        $(this).children(".first").children(".first-first").hide();
  });

甚至更快：

  $("div.main").mouseenter(function() {
        $(this).find(".first-first").show();
  }).mouseleave(function() {
        $(this).find(".first-first").hide();
  });

Answer 4

$('div#main').mouseenter(function() {
   $("div.first div.first-first", this).show();
}).mouseleave(function() {
     $("div.first div.first-first", this).hide();
});

这样做

Answer 5

$("div.main div:first div:first").show();

Answer 6

$(this).find('.first-first').show();

您应该使用find()功能。

Answer 7

你可以简化它。您应该使用mouseover而不是mouseenter

 $("div.main").mouseover(function() {
        $(".first-first").show();
  }).mouseleave(function() {
        $(".first-first").hide();
  });

jQuery找到孩子

7 个答案: