亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時(shí)間：2014年07月30日 14:51:29   投稿：whsnow  
CSS偽元素不是DOM元素，因此你無法直接選擇到它們。下面與大家分享兩種不錯(cuò)的修改方法，需要的朋友可以參考下

CSS偽元素（pseudo elements）不是DOM元素，因此你無法直接選擇到它們。

假設(shè)有如下HTML代碼：

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

和CSS代碼：

.techbrood:before {
width: 0;
}

現(xiàn)在你想在某個(gè)元素的click事件中動(dòng)態(tài)的把techbrood:before的width屬性設(shè)置為100%，

有兩個(gè)方法，一個(gè)是添加新的樣式：

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

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

另外一個(gè)方法是為該元素添加新類，并通過設(shè)置新類的屬性來達(dá)到改變偽元素屬性的效果：

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

jQuery代碼：

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

相關(guān)文章

最新評(píng)論