一些 CSS 样式需要在鼠标悬停时应用于元素,并且 CSS 样式必须直接使用 javascript/jquery 应用,而不是通过样式表或 $(this).addClass('someStyle')
因为我正在将 DOM 元素注入(inject)另一个页面。
我们可以使用
应用常用的 css 样式$('#some-content').css({
marginTop: '60px',
display: 'inline-block'
});
我们应该如何为 :hover
事件添加 CSS 样式?
我们是否必须求助于:
$('#some-content').hover(
function(){ $(this).css('display', 'block') },
function(){ $(this).css('display', 'none') }
)
最佳答案
我发现使用 mouseenter 和 mouseleave 比悬停更好。有更多的控制权。
$("#somecontent").mouseenter(function() {
$(this).css("background", "#F00").css("border-radius", "3px");
}).mouseleave(function() {
$(this).css("background", "00F").css("border-radius", "0px");
});
关于javascript - 通过 jQuery/Javascript 添加悬停 CSS 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13707134/