jQuery修改CSS偽元素屬性

2021-06-22 23:51:10 字數 425 閱讀 8540

css偽元素(pseudo elements)不是dom元素,因此你無法直接選擇到它們。

假設有如下html**:

techbrood introduction

和css**:

.techbrood:before

現在你想在某個元素的click事件中動態的把techbrood:before的width屬性設定為100%,

有兩個方法,乙個是新增新的樣式:

(注意該方法將影響所有的class為techbrood的元素)

另外乙個方法是為該元素新增新類,並通過設定新類的屬性來達到改變偽元素屬性的效果:

.techbrood.change:before

jquery**:

$('#td_pseudo').addclass("change");

by iefreer

jQuery修改CSS偽元素屬性的方法

css偽元素 pseudo elements 不是dom元素,因此你無法直接選擇到它們。假設有如下html class techbrood id td pseudo techbrood introductiondiv 和css techbrood before 現在你想在某個元素的click事件中動...

jQuery如何改變css偽元素樣式

首先我們看一下css偽元素是什麼 css 偽元素用於向某些選擇器設定特殊效果。偽元素有哪些 first line 偽元素 first line 偽元素用於向文字的首行設定特殊樣式。first letter 偽元素 first letter 偽元素用於向文字的首字母設定特殊樣式。before 偽元素 ...

css偽類,偽元素

偽類作用於整個元素,比如 a link a hover div first child 儘管這些條件都不是基於dom的,但結果沒乙個都是作用於乙個完整的元素,比如整個鏈結,段落,div等等 偽元素作用於元素一部分,比如 p first line p first letter 偽元素作用於元素的一部分...