Jquery и псевдокласс :after

#jquery #css

Всем привет.
Подскажите пожалуйста, есть ли в Jquery селектор для обращения к элементам с псевдоклассом
"after"? 
Или как можно обратиться к такому элементу, чтобы поменяться CSS-свойство?    

Ответы

Ответ 1

Напрямую к псевдоэлементу обратиться нельзя, но можно изменять его свойства добавляя
тот, или иной CSS-класс к основному элементу:
HTML:


CSS
#pnlTest
{
    width: 50px; height: 50px;
    background-color: black
}
#pnlTest:after
{
    width: 25px;
    height: 25px;
    background-color: green;
    display: block;
    content: '';
}
#pnlTest.red:after 
{
    background-color: red;
}

JS
$('#pnlTest').hover(function() {
    $(this).addClass('red')
}, function() {
    $(this).removeClass('red')
});

Демо: http://jsfiddle.net/RGWrq/


Ответ 2

Возможно я ошибаюсь, но можно только получить информацию:
var el = document.getElementById('my-elem');
var pseudoStyle = window.getComputedStyle(el, ':after');

А вот изменить можно только через css, добавляя нужный класс, либо генерировать правило
"налету".