修改：使用jQuery / javascript悬停样式的元素

Question

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

有任何帮助吗？

目前正在执行以下任何操作：

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

我需要做一些类似的事情：悬停。即：

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

Answer 1

你可以使用css之类的断言你的元素的id是

“元素1”

css：

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

Answer 2

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

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

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

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