jQueryでCSSの擬似要素:beforeや:afterのプロパティを変更する方法３種類 | ITハット

jQueryでCSSの擬似要素:beforeや:afterのプロパティを変更する方法３種類 jQueryで擬似要素を変更したいと思っても、:before や :after は非DOMなので普通にアクセスすることはできません。そこでどんな方法で変更できるのかまとめました。 デモ .button:before { content: 'ボタン'; } .change:before { content: 'クリック'; } HTMLとCSSはこんな感じ。クリックしたら content プロパティを書き換えるために、新たに .change クラスを作ります。 $('.button').on('click', function() { $(this).addClass('change'); }); あとは、addClass() すれば書き換えることができます。 2. スタイルを上書き .button: