通过jQuery/Javascript添加悬停CSS属性

9 浏览
0 Comments

通过jQuery/Javascript添加悬停CSS属性

需要将某些CSS样式应用于悬停在元素上的效果，并且需要直接使用javascript/jquery应用CSS样式，而不能通过样式表或$(this).addClass('someStyle')来实现，因为我需要将DOM元素注入到另一个页面中。

我们可以使用以下方式应用常规的CSS样式：

$('#some-content').css({
    marginTop: '60px',
    display: 'inline-block'
});

如何为:hover事件添加CSS样式呢？

我们是否必须采用以下方法：

$('#some-content').hover(
       function(){ $(this).css('display', 'block') },
       function(){ $(this).css('display', 'none') }
)

0