在jquery中,可以使用“addClass()”方法恢復(fù)原來的樣式,語法格式為“$("元素名稱").addClcss("屬性名","屬性值")”;“addClass()”方法向被選元素添加一個(gè)或多個(gè)類,不會(huì)移除已存在的class屬性。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.11.1版、Dell G3電腦。
新建一個(gè)html文件,命名為test.html,用于講解jquery怎么恢復(fù)默認(rèn)的css。
在test.html文件內(nèi),使用div標(biāo)簽創(chuàng)建一個(gè)模塊,并設(shè)置div的class屬性為testdiv。
在css標(biāo)簽內(nèi),定義一個(gè)testdiv類名的樣式,設(shè)置寬度為100px,高度為120px,背景顏色為黃色。
在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建兩個(gè)按鈕,一個(gè)是“移除css”,“恢復(fù)css”。
在test.html文件內(nèi),分別給兩個(gè)button按鈕綁定onclick()點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),分別執(zhí)行delcss()函數(shù),addcss()函數(shù)。
在js標(biāo)簽中,分別創(chuàng)建delcss()函數(shù)和addcss()函數(shù),在delcss()函數(shù)內(nèi),通過class(testdiv)獲得div對(duì)象,使用removeAttr()方法移除class,實(shí)現(xiàn)去除css樣式;在addcss()函數(shù),通過元素名稱獲得div對(duì)象,使用addClass()方法給div對(duì)象添加原來的class,從而實(shí)現(xiàn)恢復(fù)默認(rèn)的css。
在瀏覽器打開test.html文件,分別點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。
【推薦學(xué)習(xí):javascript高級(jí)教程】