其實(shí)js很不好用的,一般都使用jquery來寫,改變樣式的話我會(huì)使用兩種方法

創(chuàng)新互聯(lián)公司是一家專業(yè)提供武隆企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為武隆眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
使用jquery中的.css()函數(shù)改變樣式,這中方法很好用,可以在觸發(fā)事件的時(shí)候任意操作某個(gè)元素的樣式。
自定義一個(gè)class名字,比如.yangshi{} ,在觸發(fā)的事件里使用 .addclass()和.removeClass() 兩個(gè)函數(shù)添加或者刪除某一個(gè)class類。達(dá)到切換樣式的目的,這種方法比較清晰有條理。下面給出我寫的一段jquery 代碼。 這個(gè)的意思是,.box元素的鼠標(biāo)進(jìn)入會(huì)添加一個(gè)class類yangshi,離開的時(shí)候會(huì)刪除這個(gè)class類
script
$(function(){
$(".box").mouseover(function(){
$(this).addClass("yangshi");
})
$(".box").mouseout(function(){
$(this).removeClass("yangshi");
})
})???
/script
1、如果使用class加的樣式的話,可以使用document.getElementById("objid").className=""來清空樣式;
2、如果是直接加的style="***"屬性的話,可以使用document.getElementById("box").style.cssText = ""來清空樣式。
1.樣式為class名
例:div?class="a"?id="box"/div
$(function(){
$("#box").removeClass("a");//根據(jù)id找到對(duì)應(yīng)元素,然后刪除你要?jiǎng)h除的class名即可
})
2.直接刪除樣式
例:?div?id="box"?style="width:100px;"/div
$(function(){
$("#box").attr("style","");
})
如果你想移除指定的樣式的話 你完全可以重新設(shè)置他的樣式
比如你想他最終的style為color:red的話
你直接寫
$("#msg5 .syzx span:first").attr("style",{"color":"red"});
如果完全不要就可以使用$("#msg5 .syzx span:first").removeAttr("style");
或者寫成$("#msg5 .syzx span:first").attr("style",“”);
網(wǎng)站標(biāo)題:removecss樣式的簡單介紹
轉(zhuǎn)載源于:http://chinadenli.net/article23/dsgjpcs.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、軟件開發(fā)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站制作、商城網(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í)需注明來源: 創(chuàng)新互聯(lián)