如何用js改變偽元素的樣式?

在工作偶爾會(huì)遇到改變偽元素樣式的場(chǎng)景，雖然也有很多解決方法， 但是這個(gè)方法能讓你 像操作正常元素一樣操作偽元素樣式 。

公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)公司推出北侖免費(fèi)做網(wǎng)站回饋大家。

語(yǔ)法：元素.style.樣式名=樣式值 注意：如果CSS的樣式名中含有-，這種名稱(chēng)在JS中是不合法的，比如 background-color 。

before，：after是偽元素并非doom元素，所以jquery無(wú)法選擇偽元素。如果確實(shí)需要實(shí)現(xiàn)修改偽元素的樣式，可以通過(guò)下面的例子。

如何用JQuery操作CSS偽文檔元素before或after中的content

如果我們想實(shí)現(xiàn)這個(gè)功能：點(diǎn)擊按鈕的時(shí)候，將target-before和target-after變成相應(yīng)的顏色。這個(gè)時(shí)候我們就需要修改偽元素中定義的樣式了。

before 偽元素：：before 偽元素可以在元素的內(nèi)容前面插入新內(nèi)容。：after 偽元素：：after 偽元素可以在元素的內(nèi)容之后插入新內(nèi)容。

jquery在元素前面插入東西可以使用before()函數(shù)。語(yǔ)法：$(selector).before(content)，content 必需。

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

在CSS當(dāng)中，after偽元素或before偽元素是一種特殊的元素，可以認(rèn)為是在內(nèi)容元素的前后插入額外的元素，但并不會(huì)在文檔中生成，在文檔的源代碼當(dāng)中并不能夠找到它們。

如何用js實(shí)現(xiàn),點(diǎn)擊后,改變一個(gè)css

建立一個(gè)靜態(tài)頁(yè)命名為change.html ，標(biāo)題為js導(dǎo)航點(diǎn)擊的怎么同時(shí)變圖片跟字體顏色。設(shè)置一個(gè)簡(jiǎn)易的導(dǎo)航欄。加css 控制菜單的樣式，并加入背景圖片。為li添加id，創(chuàng)建函數(shù)fun ，并傳遞傳遞參數(shù)。

方法步驟：先獲取要改變css的元素。改變這個(gè)元素的style屬性。eg：下面是改變div的背景色，改為藍(lán)色。

首先，打開(kāi)html編輯器，新建html文件，例如：index.html，編寫(xiě)問(wèn)題基礎(chǔ)代碼。在index.html中的標(biāo)簽，輸入js代碼：$(div).click(function () {$(this).css(color， blue)；})；。

通過(guò)js來(lái)改變CSS屬性，使用jQuery可以很方便的實(shí)現(xiàn)，像這樣：(img).css(border-color，red)；就可以把邊框顏色都變成紅色。

分享標(biāo)題：js更改css偽元素樣式 js怎么操作偽元素
當(dāng)前網(wǎng)址：http://aaarwkj.com/article2/discioc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、云服務(wù)器、網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站、品牌網(wǎng)站制作、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)