JQuery 淡入伪类即：悬停

Question

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

我在网上找不到任何表明有一个插件可以满足我的想法，这有点奇怪，因为我认为这将是网页设计师/开发人员的梦想成真！所以我只能假设这是不可能的。

说我们有

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 伪类。

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

Answer 1

我不确定是否自动，但一个 hacky 方法是在页面上有一个占位符元素，该元素的样式可以根据需要设置，但在其他情况下会被隐藏。然后，当您想要为元素设置动画时 to 该样式，获取占位符元素，使用 .css(propertyName) 从中获取您想要的属性，然后将这些属性传递给您对元素的 .animate() 调用想要改变。