悬停功能使用jQuery

Question

这个网站我有以下代码：

<div class="portfolio"> 
    <a href="#" ><i></i> 
     <span> 
      <strong>douras.co</strong> 
     </span> 
    </a> 
</div> 
<div class="portfolio"> 
    <a href="#"><i></i></a> 
</div> 
<div class="portfolio"> 
    <a href="#"><i></i></a> 
</div> 
<div class="portfolio"> 
    <a href="#"><i></i></a> 
</div> 
<div class="portfolio"> 
    <a href="#"><i></i></a> 
</div> 
<div class="portfolio"> 
    <a href="#"><i></i></a> 
</div> 
<div class="portfolio"> 
    <a href="#"><i></i></a> 
</div> 
<div class="portfolio"> 
    <a href="#"><i></i></a>    
</div> 
<div class="portfolio"> 
    <a href="#"><i></i></a> 
</div> 

我想给悬停功能的链接中所给的跨度，也是我需要包括跨度低于悬停所有链接。所以我需要为此的jQuery功能。以下给出每个列表的链接。

Answer 1

使用这样

$(".portfolio a span").hover(function() { 
    //your stuff here 
}); 

Answer 2

这里是mouseover功能和mouseleave功能

$(".portfolio a span") 
.mouseover(function() { 
    //your stuff here 
}) 
.mouseleave(function() { 
    //your stuff here 
}); 

Answer 3

可能这是你在问什么。 添加一个类跨越像

<span class="spanhover"> 

现在

在你的CSS写

.spanhover:hover 
{ 
// give the style 
} 

而在jQuery的尝试：

$(".spanhover").hover(function() { 
    //your stuff here 
}); 

Answer 4

$(".portfolio a").each(function() 
{ 
    $(this).append('<span>Span text</span>'); 
});//this will add span to all links 
$(".portfolio a span").on('mouseenter',function() 
{ 
    alert('Hover'); 
});//this will add hover function to span inside link 

这应该工作

Answer 5

尝试这个：

$(".portfolio a span").hover(
    function() { 
     // Your code to run when your mouse enter the span 
    }, function() { 
     // Your code to run when your mouse leave the span 
    } 
); 

而且，由于你是初学者，我强烈建议您通过这些教程去从jQuery官方网站浏览：https://learn.jquery.com/

Answer 6

希望你想要的东西像this。

$(".portfolio a span").hover(function() { 
    $(this).css('color','#FF0000'); 
},function() { 
    $(this).css('color','#0000FF'); 
});