Question

这是样本结构！

<div id ="div1">
    <div class="div1-child">
        <div class="div1-sub-child">
        </div>
    </div>
 </div>

当我悬停div1时，有人可以帮助我如何在div1子子上应用jquery效果吗？

Answer 1

你没有jquery这样做。只使用css就可以了。如下 -

#div1:hover .div1-sub-child {
   background-color:yellow
}

使用jQuery -

$('#div1').hover({function(){  //this is called whn mouse enters the div
    $(this).find('.div1-sub-child').css('background-color','red'); //your effect here
},function(){   //this is called whn mouse leaves the div
    $(this).find('.div1-sub-child').css('background-color','green'); //your effect here
})

Answer 2

尝试

$("#div1").hover(
function()
{
    $(this).find('div.div1-sub-child').filter(':not(:animated)').animate(
    {
        marginLeft:'9px'
    },'slow');
},
function()
{
    $(this).find('div.div1-sub-child').animate(
    {
        marginLeft:'0px'
    },'slow');
});

Hover有callbacks个hover，hoverOut会在{{1}}时触发。

Answer 3

也许像

$(".div1-child").hover(
  function () {
    $(this).find('.div1-sub-child').css(*** your new css ***);
  });

Answer 4

使用jquery

 $('#div1').hover({function(){  //this is called whn mouse enters the div
        $(this).find('.div1-sub-child').css('background-color','red'); //your effect here
    },function(){   //this is called whn mouse leaves the div
        $(this).find('.div1-sub-child').css('background-color','green'); //your effect here
  })

Answer 5

要为div添加特殊样式，请尝试：

$("#div1").hover(
  function () {
    $(this).find('div.div1-sub-child').addClass("hover");
  },
  function () {
    $(this).find('div.div1-sub-child').removeClass("hover");
  }
);

Answer 6

当你使用jquery和php时，这种情况经常发生。有很多方法可以在这里添加其中一个。希望这可以帮助你。

$（'＃div1 .div1-child'）。children（）。addClass（'addclass'）;

如何在jquery中选择一个孩子？

6 个答案: