js 如何將樣式關聯到className

js要將樣式聯系關系到標簽中，本家兒要利用jquery，簡化js操作的難度，經由過程className，也就是將css的樣式名稱聯系關系到標簽的class屬性中即可

方式/步調

1
打開vscode，建立一個H5規范的頁面，用于演示js聯系關系樣式到標簽。為了便于js操作，本文引入jquery，利用jquery來簡化js操作
2
在演示頁面中添加一行測試文字，再添加一個按鈕，點擊按鈕就改變測試文字的顏色
3
在演示頁面的上部，添加一個設置文字顏色的css樣式，而且選擇器設置為類選擇器，也就是class選擇器
4
在測試頁面底部，添加js，綁心猿意馬按鈕的點擊事務。當按鈕點擊的時辰，將css的類選擇器名稱綁心猿意馬到標簽的class屬性中
5
在瀏覽器中打開演示頁面，點擊按鈕，就會看到演示文字顏色轉變了，表白樣式綁心猿意馬當作功了
6
在瀏覽器中按F12，打開，開辟者模式，找到演示文字的標簽，可以發現css樣式的類選擇器名稱已經寫到這個標簽的class屬性中了
7
總結，利用jquery的addClass("class類名")，就可以將css的類選擇器樣式綁心猿意馬到標簽中。經由過程removeClass("class類名")可以將樣式從標簽移除