Jquery怎樣移除同級class

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

本教學操作環境：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>

程式碼如下：

2、引入jQuery函式庫。在

<script type="text/javascript" src="jquery.js"></script>

建立點擊事件。在<script>標籤後面新建一個<script>標籤，在這個新建的標籤裡面建立一個點選移除class類別事件。 </script>

<script type="text/javascript">  function reClass(){   $(".remark").removeClass(&#39;remark&#39;)  } </script>

儲存後使用瀏覽器打開，點選移除class按鈕，發現

中的字體大小、顏色被移除了，表示移除class成功。如圖：

相關影片教學推薦：jQuery影片教學

以上是Jquery怎樣移除同級class的詳細內容。更多資訊請關注PHP中文網其他相關文章！