jquery - 疑似要素に `.css` を使用する

Question

重複の可能性:
jQuery を使用した CSS の :before および :after 疑似要素の操作

この CSS コードに相当する jQuery を使用したいと思います。

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

私は素朴に試しまし$('p:before').css('content', 'Intro!');たが、うまくいきません。

jQuery を使用して疑似要素の CSS 変更を行うにはどうすればよいですか?

Answer 1

できません。

1）セレクター、p:beforeは単なるセレクターではありません。psuedo要素は、実際の選択に影響を与えない機能を定義します。pすべてのタグで、jQueryは何を返すことになっていますか？それがすべてです$(...)-それはあなたのセレクターに一致する要素の束を返します。jQuery（Sizzle / querySelectorAll）はフェッチする方法を知りません:before...

2）疑似要素/クラスの動作は、JSAPIを介しても利用できません。

JSを介して動的にこのようなことを行う唯一の方法は、次の<style>ような要素を作成することです。

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

そもそもなぜこれをやりたいのか聞いてもいいですか？

Answer 2

あなたはこれを行うことができます：

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