понимание ограничений псевдо-элементов в jQuery: доступ к ": после" selector

в веб-разработке, псевдо-элементы, такие как ": после" позволить нам добавить визуальные усиления в htmlements. Однако доступ к этим элементам и манипулирование этими элементами с использованием jQuery может представлять проблемы.

При попытке изменить свойства CSS «: после» селектора, вы можете столкнуться с трудностями. Это связано с тем, что псевдо-элементы не являются частью объекта DOM (объект документа) и, следовательно, недоступны с помощью прямых методов JavaScript.

Решение: Введение класса с новым »: после« Свойства

, чтобы преодолеть это ограничение, вы можете создать класс, которые определяют DESITER. Этот класс будет иметь более высокую специфичность, чем исходное «: после« правила, позволяющее ему переопределить настройки по умолчанию ». Пограничная ширина: 22px; Пограничная левая ширина: 22px; граница правая ширина: 22px; }

jQuery:

$ ('. Pagemenu .Active'). ToggLeclass ('Изменен');

.pageMenu .active.changed:after { 
     border-top-width: 22px;
     border-left-width: 22px;
     border-right-width: 22px;
}