在jQuery中对CSS的选择器前后进行动画处理

Question

Is it possible to animate CSS's selectors :before and :after in jQuery's .animate() function? If not, what is the best alternative to doing that?

Answer 1

In short no - jQuery does not support pseudo element animations or even selectors I believe.

You can however animate pseudo elements using css3 transitions but it is to note that only Firefox 4.0+ supports it currently, so your playing field is very limited.

If it's that important, just create new child elements in the element you want to animate them.

Update

Pseudo element animations/transitions are now supported in Chrome as of January 1st, 2013.

You can find a browser support table here .