Jquery 在鼠标悬停并移出时更改div元素文本的文本颜色
我想改变鼠标悬停和鼠标移出时的文本颜色。因为里面有很多div元素，所以它不工作。如果有任何问题，请帮助Jquery 在鼠标悬停并移出时更改div元素文本的文本颜色,jquery,html,css,Jquery,Html,Css,我想改变鼠标悬停和鼠标移出时的文本颜色。因为里面有很多div元素，所以它不工作。如果有任何问题，请帮助 <div class="u860" id="u860" style="top: 0px;"> <div id="u860_rtf"> <p style="text-align: left;" id="cache228"> <a class="music" href="AppLauncher_TradeSearch
<div class="u860" id="u860" style="top: 0px;">
<div id="u860_rtf">
<p style="text-align: left;" id="cache228">
<a class="music" href="AppLauncher_TradeSearch">
<span class="test1" style="font-family: Calibri; font-size: 11px;
font-weight: bold; font-style: normal; text-decoration: none;
color: rgb(37, 80, 99);" id="cache229">Different</span>
</a>
</p>
</div>
</div>
“不同”的颜色应该不断变化。在这些情况下，最好的解决方案是使用CSS
.test1:hover{
color:red !important;
}
$('.test1').hover(function () {
$(this).addClass('newColor');
},
function () {
$(this).removeClass('newColor');
});
$('.test1').hover(function () {
$(this).css('color', 'red');
},
function () {
$(this).css('color', 'rgb(37, 80, 99)');
});
.u860:hover a, .u860:hover span {
color:red !important;
}
$(".u860").mouseover(function(){
$(".u860").css("background-color","cyan");
});$(".u860").mouseout(function(){
$(".u860").css("background-color","gray");
});
嗨，Hmnshu，我没有看到悬停css的代码。。 试试这个
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
span{
font-family: Calibri;
font-size: 11px;
font-weight: bold;
font-style: normal;
text-decoration: none;
color: rgb(37, 80, 99);
}
span:hover{
color: rgb(0, 0, 0);
}
</style>
</head>
<body>
<div class="u860" id="u860" style="top: 0px;">
<div id="u860_rtf">
<p style="text-align: left;" id="cache228">
<a class="music" href="AppLauncher_TradeSearch">
<span class="test1" id="cache229">Different</span>
</a>
</p>
</div>
</div>
</body>
</html>
跨度{
字体系列：Calibri；
字体大小：11px；
字体大小：粗体；
字体风格：普通；
文字装饰：无；
颜色：rgb（37,80,99）；
}
跨度：悬停{
颜色：rgb（0,0,0）；
}
：hover