国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 14:18:42
字體:
來源:轉載
供稿:網友

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

假設有如下HTML代碼:

<div class="techbrood" id="td_pseudo">techbrood introduction</div>

和CSS代碼:

.techbrood:before {width: 0;}

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

有兩個方法,一個是添加新的樣式:

$('head').append("<style>.techbrood::before{ width:100% }</style>");

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

另外一個方法是為該元素添加新類,并通過設置新類的屬性來達到改變偽元素屬性的效果:

.techbrood.change:before{width: 100%;}

jQuery代碼:

$('#td_pseudo').addClass("change");
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黎城县| 湟源县| 建平县| 调兵山市| 抚远县| 晴隆县| 刚察县| 龙口市| 沁源县| 百色市| 隆子县| 南木林县| 延川县| 永善县| 金秀| 伊通| 喜德县| 青龙| 专栏| 凤冈县| 乐东| 迁西县| 无棣县| 三明市| 乌兰县| 清水河县| 德州市| 鹰潭市| 金塔县| 孟连| 景德镇市| 江津市| 略阳县| 盐津县| 平果县| 军事| 平南县| 岚皋县| 涟源市| 莫力| 定州市|