WWW.lllT.neT

Jquery清除平级class的方式:1、运用“$(".原素类名")”句子依据特定的class值获得目标;2、应用removeClass()方式清除原素的类,英语的语法为“原素目标.removeClass('原素类名')”。

本实例教程实际操作自然环境:windows7系统软件、jquery1.10.0版本号、Dell G3电脑上。

Jquery如何清除平级class

1、开启html编辑软件,新创建一个html文档。在html编码网页页面上寻找<body>并在里面新创建一个<div>,随后给这一<div>加上一个class类和文字具体内容,实例中的类为:remark。

<div class="remark">今夜要去吃大餐</div>

在<div>后边新创建一个单击按键,给这一按键加上一个点击事件,在实例中的点击事件为:reClass(),点一下时开启清除class款式。

<input type="button" value="清除class" onclick="reClass()">

设定类款式。给remark设定一个文字大小为28px、色调为鲜红色的款式。

<style>  .remark{   font-size: 28px;color: red;  } </style>

编码如下所示:

1122.22.png

2、引进jQuery库。在<style>标识后边引进jquery库(留意:实例中jQuery库和html文档是在同一文件目录下)。

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

建立点击事件。在<script>标识后边新创建一个<script>标识,在这个新创建的标识里边建立一个点一下清除class类事情。

<script type="text/javascript">  function reClass(){   $(".remark").removeClass('remark')  } </script>

1122.23.png

储存后应用打开浏览器,点一下清除class按键,发觉<div>中的文字大小、色调被移除开,表明清除class取得成功。如下图:

1122.24.png

1122.25.png

有关教程视频建议:jQuery教程视频

以上便是Jquery如何清除平级class的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:Jquery如何清除平级class发布于2021-12-10 21:18:01