溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關(guān)jquery如何去掉類，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
jquery去掉類的方法：1、新建一個html文件；2、新建div并添加一個class類和文本內(nèi)容；3、新建按鈕并添加點擊事件；4、引入jQuery庫；5、創(chuàng)建一個點擊移除class類事件即可。
本文操作環(huán)境：Windows7系統(tǒng)、jquery3.2.1版、DELL G3電腦
jQuery移除class:
打開html編輯器，新建一個html文件。如圖
在html代碼頁面上找到<body>并在里面新建一個<div>,然后給這個<div>添加一個class類和文本內(nèi)容，案例中的類為：remark。如圖
代碼：<div class="remark">今晚要去吃大餐</div>
在<div>后面新建一個點擊按鈕，給這個按鈕添加一個點擊事件，在案例中的點擊事件為：reClass()，點擊時觸發(fā)移除class樣式。如圖：
代碼：<input type="button" value="移除class" onclick="reClass()">
設(shè)置類樣式。給remark設(shè)置一個字體大小為28px、顏色為紅色的樣式。如圖:
代碼：
<style> .remark{ font-size: 28px;color: red; } </style>
引入jQuery庫。在<style>標簽后面引入jquery庫(注意：案例中jQuery庫和html文件是在同一目錄下)圖：
代碼：<script type="text/javascript" src="jquery.js"></script>
創(chuàng)建點擊事件。在<script>標簽后面新建一個<script>標簽，在這個新建的標簽里面創(chuàng)建一個點擊移除class類事件。如圖
代碼：
<script type="text/javascript"> function reClass(){ $(".remark").removeClass('remark') } </script>
保存后使用瀏覽器打開，點擊移除class按鈕，發(fā)現(xiàn)<div>中的字體大小、顏色被移除了，表示移除class成功。如圖：
關(guān)于“jquery如何去掉類”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼