如何在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'）;