我什至对 jQuery 在元素上放置悬停属性的愚蠢方式感到惊讶。看看这个示例 CSS:
div.test
{
width: 20px;
height: 20px;
color: #000000;
background: #FFFFFF;
}
div.test:hover
{
color: #FFFFFF;
background: #CC0000;
}
如果我们想将其转换为 jQuery,我们必须输入以下内容:
$('div.test').css({
'width' : '20px',
'height' : '20px',
'color' : '#000000',
'background' : '#FFFFFF'
});
$('div.test').hover(function() {
$(this).css({
'color' : '#FFFFFF',
'background' : '#CC0000'
});
}, function() {
$(this).css({
'color' : '#000000',
'background' : '#FFFFFF'
});
});
难道没有更好的方法来做到这一点吗?写明显的东西感觉很愚蠢。
先感谢您。