는`의사 요소 .css` 사용

Question

가능한 중복 : 나는 '

p:before { 
    content: 'Intro!'; 
} 

:
Manipulating CSS :before and :after pseudo-elements using jQuery

내가 jQuery를 동등한이 CSS 코드를 싶습니다 순진하게 $('p:before').css('content', 'Intro!');을 시도했지만 작동하지 않습니다.

jQuery를 사용하여 가상 요소 CSS 수정을 수행하려면 어떻게해야합니까?

Answer 1

당신은 할 수 없습니다.

1) 선택기 p:before은 선택기가 아닙니다. psuedo 요소는 실제 선택에 영향을주지 않는 기능을 정의합니다. jQuery가 반환해야하는 대상은 모두 p 태그입니까? 그게 모두 $(...)입니다 - 선택자와 일치하는 요소 묶음을 반환합니다. jQuery (Sizzle/querySelectorAll)는 가져 오는 방법을 알지 못합니다. :before ...

2) Psuedo 요소/클래스 동작은 JS API를 통해서도 사용할 수 없습니다.

이런 식으로 뭔가를 할 수있는 유일한 방법, 동적 JS를 통해, 그래서처럼 <style> 요소를 생성하는 것입니다 : 당신이 처음에이 일을하려는 이유

$('<style>p:before{content:"intro";}</style>').appendTo('head'); 

내가 물어 봐도 될까요?

Answer 2

이 작업을 수행 할 수 있습니다

$(document).append($("<style>p:before{ content: 'Intro!' } </style>"));