toggleClass持续时间不适用于伪元素

Question

当我在伪元素上使用时，toggleClass方法的持续时间值似乎不起作用：after和：before。顺便说一句，切换工作。

您可以在此Fiddle中对其进行测试。

jQuery的：

$('p').on('click', function () {
    $(this).toggleClass('special', 500);
});

CSS：

p:before {
   content:"foo";
   color: red;
   cursor:pointer;
}
   p.special:before {
   content:"bar";
}

我想知道是否有办法让它发挥作用。难道我做错了什么？提前谢谢。

Answer 1

toggleClass 不包含持续时间参数。如果您想要动画功能，请使用jquery .animate()

语法为$(selector).toggleClass(classname,function(index,currentclass),switch);

classname必填。指定要添加或删除的一个或多个类名。要指定多个类，请使用空格分隔类名 function（index，currentclass）可选。指定一个函数，该函数返回一个或多个要添加/删除的类名

index - 返回集合中元素的索引位置 currentclass - 返回所选元素的当前类名称

switch可选。一个布尔值，指定是仅应添加类（true）还是仅删除（false）