jq移除class类

2024-10-12 08:16:41

1、打开html编辑器，新建一个html文件。如图

3、在<div>后面新建一个点击按钮，给这个按钮添加一个点击事件，在案例中的点击事件为：reClass()，点击时触发移除class样式。如图：代码：<input type="button" value="移除class" onclick="reClass()">

5、引入jQuery库。在<style>标签后面引入jquery库(注意：案例中jQuery库和html文件是在同一目录下)图：代码：<script type="text/javascript" src="jquery.js"></script>

7、保存后使用浏览器打开，点击移除class按钮，发现<div>中的字体大小、颜色被移除了，表示移除class成功。如图：

8、所有代码。所有代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>移除class</title><style>.remark{font-size: 28px;color: red;}</style><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">function reClass(){$(".remark").removeClass('remark')}</script></head><body><div>今晚要去吃大餐</div><input type="button" value="移除class" onclick="reClass()"></body></html>可以直接把所有代码复制到新建的html文件上保存后运行即可看到效果。