首頁 > web前端 > js教程 > Jquery怎樣移除同級class

Jquery怎樣移除同級class

WBOY
發布: 2021-11-22 17:32:30
原創
2417 人瀏覽過

Jquery移除同級class的方法:1、利用「$(".元素類別名稱")」語句根據指定的class值取得物件;2、使用removeClass()方法移除元素的類,語法為「元素物件.removeClass('元素類別名稱')」。

Jquery怎樣移除同級class

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

Jquery怎麼移除同級class

#1、開啟html編輯器,新建一個html檔。在html程式碼頁面上找到

並在裡面新建一個
,然後給這個
新增一個class類別和文字內容,案例中的類別為:remark。
<div class="remark">今晚要去吃大餐</div>
登入後複製

後面新建一個點擊按鈕,為這個按鈕新增一個點擊事件,在案例中的點擊事件為:reClass(),點擊時觸發移除class樣式。

<input type="button" value="移除class" onclick="reClass()">
登入後複製

設定類別樣式。為remark設定一個字體大小為28px、顏色為紅色的樣式。

<style>  .remark{   font-size: 28px;color: red;  } </style>
登入後複製

程式碼如下:

Jquery怎樣移除同級class

2、引入jQuery函式庫。在