一些CSS样式需要应用到悬停的元素，CSS样式必须直接使用javascript / jquery，而不是通过样式表或$(this).addClass(‘someStyle’)，因为我将DOM元素注入另一个页。
我们可以应用通常的css样式
$('#some-content').css({
marginTop: '60px',display: 'inline-block'
});
我们应该如何添加CSS样式为：hover事件？
我们必须诉诸于：
$('#some-content').hover(
function(){ $(this).css('display','block') },function(){ $(this).css('display','none') }
)
解决方法
我发现使用mouseenter和mouseleave比hover更好。还有更多的控制。
$("#somecontent").mouseenter(function() {
$(this).css("background","#F00").css("border-radius","3px");
}).mouseleave(function() {
$(this).css("background","00F").css("border-radius","0px");
});
