国产探花免费观看_亚洲丰满少妇自慰呻吟_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");
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 周口市| 佛冈县| 鹰潭市| 荆门市| 桦南县| 伽师县| 南丹县| 天门市| 濉溪县| 金阳县| 建昌县| 莆田市| 玛沁县| 凤翔县| 麟游县| 霍山县| 营口市| 白水县| 封丘县| 固镇县| 喀喇| 阆中市| 张家界市| 安多县| 洪泽县| 深圳市| 昭平县| 龙陵县| 吉隆县| 正阳县| 曲阜市| 宜丰县| 广昌县| 西乌| 巧家县| 新民市| 闽侯县| 咸宁市| 嘉禾县| 武鸣县| 泸定县|