jQuery 以 CSS 为目标 a :hover class

Question

这里有点乱。更改下面链接的悬停 CSS 的最佳方法是什么？如何更改？切换。类？添加类？我想在悬停时显示图像。我已经能够使用

更改文本的颜色

$("#menu-item-1099 a:contains('rss')").css("color", "#5d5d5d");

但似乎无法针对悬停类。

<div id="access">
<div class="menu-header">
<ul id="menu-main-menu" class="menu">
<li id="menu-item-1099" class="menu-item menu-item-type-custom menu-item-1099">
<a href="http://mydomain.com/feed/">rss</a></li>

Answer 1

当您在 jQuery 中使用 .css() 时，您实际上并没有更改 CSS 文件/创建新的 CSS 规则。您只需将 CSS 添加到特定元素的 style 属性(内联 CSS)。

因此，您不能“定位悬停类”——您必须在悬停时做一些事情，并在悬停时恢复:

$("#menu-item-1099 a:contains('rss')").hover(function() {
    // Hover in, show an img
    $(this).after("<img src='blah.jpg'>");
    // Or alternatively
    $(this).addClass("hasImage"); // Where there is a CSS rule for .hasImage
}, function () {
    // Hover out, remove the img
    $(this).next().remove();
    // Or alternatively
    $(this).removeClass("hasImage");
});