jq怎麼恢復原來的css樣式

在jquery中，可以使用「addClass()」方法還原原來的樣式，語法格式為「$("元素名稱").addClcss("屬性名稱","屬性值")」；“ addClass()」方法會在被選元素中新增一個或多個類，不會移除已存在的class屬性。

本教學操作環境：windows7系統、jquery1.11.1版、Dell G3電腦。

新建一個html文件，命名為test.html，用來講解jquery怎麼恢復預設的css。

在test.html檔案內，使用div標籤建立一個模組，並設定div的class屬性為testdiv。

在css標籤內，定義一個testdiv類別名稱的樣式，設定寬度為100px，高度為120px，背景顏色為黃色。

在test.html檔案內，使用button標籤建立兩個按鈕，一個是“移除css”，“恢復css”。

在test.html檔案內，分別給兩個button按鈕綁定onclick()點擊事件，當按鈕被點擊時，分別執行delcss()函數，addcss ()函數。

在js標籤中，分別建立delcss()函數和addcss()函數，在delcss()函數內，透過class(testdiv)取得div對象，使用removeAttr ()方法移除class，實作去除css樣式；在addcss()函數，透過元素名稱取得div對象，使用addClass(）方法為div對像新增原來的class，從而實現還原預設的css。

在瀏覽器開啟test.html文件，分別點選按鈕，查看實現的效果。

#【推薦學習：javascript進階教學】

以上是jq怎麼恢復原來的css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！