javascript - 修改 :hover styling for an element with jQuery/javascript

Question

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

有什么帮助吗？

当前要应用我正在执行的任何操作:

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

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

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

Answer 1

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

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

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

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