jquery如何實現點擊增加樣式，點擊移除樣式

新建一個html文件，定名為test.html，同時加載jquery.min.js文件，用于講解jquery若何實現點擊增添樣式，點擊移除樣式。

在test.html文件內，利用p標簽建立一行文字，用于點擊按鈕時，更改其樣式進行顯示。

在test.html文件內，利用button標簽建立一個按鈕，設置其class屬性為btn1，用于下面臨其綁心猿意馬點擊事務。

在test.html文件內，利用css界說一個main類名的樣式，設置其樣式為文字巨細為本來的樣式的120%，字體顏色為紅色。

在test.html文件內，利用jquery給button按鈕綁心猿意馬點擊事務，代碼如下：

在test.html文件內，利用toggleClass()方式給p標簽文字添加類樣式，當點擊按鈕時，給p標簽文字增添main樣式，再次點擊按鈕時移除p標簽的main樣式。

在瀏覽器打開test.html文件，點擊測試實現的結果。

0 條評論