JQuery淡入伪类，即：悬停

Question

有没有人来过一个插件或设计一种方法来淡化到使用jquery通过css定义的伪类？

我在网上找不到任何表明有一个插件可以做我正在思考的插件，这有点奇怪，因为我认为这将成为网页设计师/ dev的梦想成真！所以我只能假设它不可能。

说我们有

p:hover{opacity:0.6;}

<p>blah blah blah</p>

显然这只是从完全不透明跳到60％不透明，但是如果我们像这样使用jquery那么;

$('p').hover(function(){
    $(this).animate({'opacity':0.6},400);
},function(){
    $(this).animate({'opacity':1},200);
});

我们在完全和半透明之间获得了很好的过渡。

我真正想知道的是jQuery是否可以自动转换到样式表中定义的：hover psuedo类。

jQuery（或javascript）是否可以从浏览器访问该数据？如果没有，可以通过javascript或jquery单独读取css文件吗？在任何一种情况下，jquery（给定一些参数）都知道它应该总是动画到：hover类吗？

Answer 1

我不确定自动化，但是一个hacky方法就是在页面上有一个占位符元素，它可以根据需要设置样式，但是隐藏起来。然后，当您想要将元素设置为该样式的动画时，获取占位符元素，使用.css(propertyName)从中获取所需的属性，并将这些属性传递到.animate()调用中在你想要改变的元素上。