【问题标题】:How to add :hover class with JQuery? [duplicate]如何使用 JQuery 添加 :hover 类? [复制]
【发布时间】:2014-11-14 03:05:15
【问题描述】:

我有一种风格:

.web_show_webcam:hover{color:#000;background:#fff;}

如何使用 JQuery 将此 css 附加到元素?这种方式行不通:

$(".web_show_webcam").addClass("web_show_webcam:hover");

【问题讨论】:

标签: jquery


【解决方案1】:

你可以这样试试:

$(".web_show_webcam").hover(function() {
  $(this).css("background-color","red")
});

【讨论】:

  • 是的,但这并不能回答问题。您展示了如何添加悬停效果,但没有解释是否可以或如何使用 jQuery 添加 CSS 伪类。
  • 只添加悬停效果而不是添加伪类是否有意义。这样他可以节省一些字节。但是,如果这也是 Op 所要求的,那么他/她可能会重新考虑这种方法。
【解决方案2】:
$('#btn').mouseover(function(e){
    $(this).addClass('hoverState');
}).mouseout(function(e){
    $(this).removeClass('hoverState');
});

tryJSFiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-02
    • 2013-05-25
    • 2013-01-17
    • 1970-01-01
    • 1970-01-01
    • 2014-08-12
    • 2012-05-28
    • 1970-01-01
    相关资源
    最近更新 更多