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

Question

这是样本结构！

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

任何人都可以帮助我如何应用div1子子jQuery效果当我悬停div1？

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-child").hover(
    function() { 
    $(this).find('.div1-sub-child').css(*** your new css ***); 
    }); 

Answer 3

尝试

$("#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'); 
}); 

哈弗有两个callbacks一会火的时候，你hover和hoverOut。

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'）;