欧美亚洲中文,在线国自产视频,欧洲一区在线观看视频,亚洲综合中文字幕在线观看

      1. <dfn id="rfwes"></dfn>
          <object id="rfwes"></object>
        1. 站長資訊網(wǎng)
          最全最豐富的資訊網(wǎng)站

          jq怎么恢復(fù)原來的css樣式

          在jquery中,可以使用“addClass()”方法恢復(fù)原來的樣式,語法格式為“$("元素名稱").addClcss("屬性名","屬性值")”;“addClass()”方法向被選元素添加一個(gè)或多個(gè)類,不會(huì)移除已存在的class屬性。

          jq怎么恢復(fù)原來的css樣式

          本教程操作環(huán)境:windows7系統(tǒng)、jquery1.11.1版、Dell G3電腦。

          新建一個(gè)html文件,命名為test.html,用于講解jquery怎么恢復(fù)默認(rèn)的css。

          jq怎么恢復(fù)原來的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,背景顏色為黃色。

          jq怎么恢復(fù)原來的css樣式

          在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建兩個(gè)按鈕,一個(gè)是“移除css”,“恢復(fù)css”。

          jq怎么恢復(fù)原來的css樣式

          在test.html文件內(nèi),分別給兩個(gè)button按鈕綁定onclick()點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),分別執(zhí)行delcss()函數(shù),addcss()函數(shù)。

          jq怎么恢復(fù)原來的css樣式

          在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。

          jq怎么恢復(fù)原來的css樣式

          在瀏覽器打開test.html文件,分別點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。

          jq怎么恢復(fù)原來的css樣式

          jq怎么恢復(fù)原來的css樣式

          jq怎么恢復(fù)原來的css樣式

          【推薦學(xué)習(xí):javascript高級(jí)教程】

          贊(0)
          分享到: 更多 (0)
          網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)