Hola a todos necesito una ayuda, estoy comenzando a utilizar lo que es jquery tengo algunas dudas todavía jeje
Pasando al grano mi problema es en lo siguiente en mi html tengo esto
Código HTML:
<div id="cajas_notis">
<div class="cajas">
<section id="tilu">
<center id="contenedor">
<h1 class="title">Noticias</h1>
<p class="text">
[COLOR="DarkOrange"]texto1[/COLOR]
</p>
</center>
</section>
</div>
<div class="cajas">
<section id="tilu">
<center id="contenedor">
<h1 class="title">WebDesing</h1>
<p class="text">
[COLOR="YellowGreen"]texto2[/COLOR]
</p>
</center>
</div>
<div class="cajas">
<section id="tilu">
<center id="contenedor">
<h1 class="title">Novedades</h1>
<p class="text">
[COLOR="Magenta"]texto 3[/COLOR]
</p>
</center>
</div>
</div> ahora lo que quiero es que cuando la class cajas tenga hover afecte a los class title como puedo apilcar esto en mi jquery por ejemplo lo tengo asi, pero me afecta a todos a la ves y yo quiero que afecte uno por uno
Código:
$(document).ready(function() {
$(".cajas").hover(function() {
$(".title").css('color', '#fff',);
}, function() {
$(".title").css('color', 'blue');
});
});
porfavor si me dan una manito en esto
