删除/解除绑定悬停在锚点上

发布于 2024-08-30 00:07:33 字数 458 浏览 6 评论 0原文

html

<a href="home.html">Home</a>

css

a {
   color: blue;
}
a:hover {
   color: red;
}

现在，您可以看到现在悬停时将显示为红色。

问题
如何通过 jQuery 删除悬停？
我尝试过： $('a').unbind('hover'); 和 $('a').unbind('mouseenter mouseleave')

我开始思考为什么它会赢不行，这不是hover()吗？

原文

html

<a href="home.html">Home</a>

css

a {
   color: blue;
}
a:hover {
   color: red;
}

now as you can see <a> now would be color red on hover.

Question
How do I remove hover via jQuery?
I have tried:
$('a').unbind('hover'); and $('a').unbind('mouseenter mouseleave')

I come to think why it won't work, is this not hover()?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

披肩女神 2024-09-06 00:07:33

由于 a:hover 不是锚标记上的绑定事件，而只是一个伪类，因此您无法成功解除 .hover() 事件的绑定。

如果你想改变行为，那么你可以做两件事

删除a:hover样式
绑定在锚标记上绑定一个悬停事件并相应地设置 css。

回复收藏 0 原文

↙厌世 2024-09-06 00:07:33

不。这是 CSS 规则，而不是 JavaScript 事件。
更改颜色的最简单方法是通过更强大的 CSS 规则，例如：

a.NoHover:hover {
   color: blue;
}

或

body a:hover {
   color: blue;
}

No. This is a CSS rule, not a JavaScript event.
The easiest way to change the color is via a stronger CSS rule, for example:

a.NoHover:hover {
   color: blue;
}

body a:hover {
   color: blue;
}

回复收藏 0 原文

梦开始←不甜 2024-09-06 00:07:33

您可以添加/删除类并使用 JQuery 进行相应操作。因此，您应该为正常状态和悬停状态创建类。例如，您可以像这样从元素中删除样式：

$('a').mouseover(function(){
  $(this).removeClass();
});

但我建议您使用以下方法实际添加和删除类：

addClass()
removeClass()

You can add/remove classes and use JQuery to act accordingly. So you should create classes for both normal and hover state. For example, you can remove styling from the element like this:

$('a').mouseover(function(){
  $(this).removeClass();
});

But I would suggest you to actually add and remove classes accordingly using:

addClass()
removeClass()

回复收藏 0 原文

纵山崖 2024-09-06 00:07:33

如果您担心它是唯一的颜色，这可能会有所帮助。

$('a').each(function() {
   var $this = $(this);
   $this.css('color', $this.css('color'));
 });

元素的 style 属性将覆盖任何 CSS 选择器中设置的属性。该理论已经过测试并且运行良好。该插件将读取任意 css 属性并将它们设置回来，从而“粘住”它们。

$.fn.stickCss = function(props) {
  var stick = (props || '').split(/\s+/);
  return this.each(function() {
    var $this = $(this);
    $.each(stick, function(i, prop) {
      $this.css(prop, $this.css(prop));
    });
  });
};

// example usage:
$('a').stickCss('color background-color margin padding');

If its only color you are concerned about this might help.

$('a').each(function() {
   var $this = $(this);
   $this.css('color', $this.css('color'));
 });

The element's style property will override the properties set in any CSS selectors. The theory has been tested and works fine. This plugin will read arbitrary css properties and set them back therefore "sticking" them.

$.fn.stickCss = function(props) {
  var stick = (props || '').split(/\s+/);
  return this.each(function() {
    var $this = $(this);
    $.each(stick, function(i, prop) {
      $this.css(prop, $this.css(prop));
    });
  });
};

// example usage:
$('a').stickCss('color background-color margin padding');

回复收藏 0 原文

~没有更多了~