javascript - 使用 jQuery/javascript 修改元素的 :hover 样式

Question

我正在使用 jquery/javascript 构建一个所见即所得的页面样式编辑器。我正在尝试提供一种修改链接的 :hover 状态的方法，以便我的用户可以更改链接的颜色、大小、重量等。我知道如何将样式应用于元素的默认状态，但找不到任何有关如何将样式应用于元素的文档：悬停状态。

有什么帮助吗？

要当前应用我正在执行的任何操作，请执行以下操作：

$('#content a').css('color','#ffcc00');

我需要为 a:hover 做类似的事情。IE：

$('#content a:hover').css('color','#000');

score 1 · Accepted Answer

如果您想使用 javascript 进行更改，您可以将其附加到 jQuery.hover()。这是一个完整的工作示例

$('a.link').hover(
       function(){

            $(this).css('color',$('input').val());
       }
     );

我构建了一个 WYSIWYG 编辑器，并将用户定义的设置存储在数据库中，因此在将更改保存到表单后，我没有重新加载页面，而是使用 javascript 更新行为。

score 1 · Accepted Answer

你可以使用 CSS 来断言你的元素的 id 是

“元素1”

CSS：

#element1:hover {
    background-color:pink;
}

2 回答 2