广告
返回顶部
首页 > 资讯 > 前端开发 > html >jquery如何去掉类
  • 640
分享到

jquery如何去掉类

2024-04-02 19:04:59 640人浏览 安东尼
摘要

这篇文章将为大家详细讲解有关Jquery如何去掉类,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 jquery去掉类的方法:1、新建一个htm

这篇文章将为大家详细讲解有关Jquery如何去掉类,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

jquery去掉类的方法:1、新建一个html文件;2、新建div并添加一个class类和文本内容;3、新建按钮并添加点击事件;4、引入jQuery库;5、创建一个点击移除class类事件即可。

本文操作环境:windows7系统、jquery3.2.1版、DELL G3电脑

jQuery移除class:

打开html编辑器,新建一个html文件。如图

jquery如何去掉类

在html代码页面上找到<body>并在里面新建一个<div>,然后给这个<div>添加一个class类和文本内容,案例中的类为:remark。如图

代码:<div class="remark">今晚要去吃大餐</div>

jquery如何去掉类

在<div>后面新建一个点击按钮,给这个按钮添加一个点击事件,在案例中的点击事件为:reClass(),点击时触发移除class样式。如图:

代码:<input type="button" value="移除class" onclick="reClass()">

jquery如何去掉类

设置类样式。给remark设置一个字体大小为28px、颜色为红色的样式。如图:

代码:

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

jquery如何去掉类

引入jQuery库。在<style>标签后面引入jquery库(注意:案例中jQuery库和html文件是在同一目录下)图:

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

jquery如何去掉类

创建点击事件。在<script>标签后面新建一个<script>标签,在这个新建的标签里面创建一个点击移除class类事件。如图

代码:

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

jquery如何去掉类

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

jquery如何去掉类

关于“jquery如何去掉类”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: jquery如何去掉类

本文链接: https://www.lsjlt.com/news/86197.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • jquery如何去掉类
    这篇文章将为大家详细讲解有关jquery如何去掉类,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 jquery去掉类的方法:1、新建一个htm...
    99+
    2022-10-19
  • jquery如何去掉tr
    这篇文章主要介绍了jquery如何去掉tr,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 jquery去掉tr的...
    99+
    2022-10-19
  • yii2如何去掉jquery
    这篇文章主要介绍“yii2如何去掉jquery”,在日常操作中,相信很多人在yii2如何去掉jquery问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”yii2如何去掉jquery”的疑惑有所帮助!接下来,请跟...
    99+
    2023-07-05
  • jquery如何去掉元素
    这篇文章主要讲解了“jquery如何去掉元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何去掉元素”吧! 方法:...
    99+
    2022-10-19
  • jquery如何去掉click事件
    这篇文章主要介绍jquery如何去掉click事件,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!jquery去掉click事件的方法:1、利用“$(指定元素)”语句获取已经绑定cli...
    99+
    2022-10-19
  • jquery如何去掉border样式
    这篇文章主要介绍“jquery如何去掉border样式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery如何去掉border样式”文章能帮助大家解决问题。 ...
    99+
    2022-10-19
  • jquery如何去掉a标签
    这篇文章给大家分享的是有关jquery如何去掉a标签的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 在jquery中,可以利用remove()方法去掉...
    99+
    2022-10-19
  • jquery如何去掉div的背景
    这篇“jquery如何去掉div的背景”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jqu...
    99+
    2022-10-19
  • jquery如何去掉只读属性
    这篇文章主要介绍“jquery如何去掉只读属性”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery如何去掉只读属性”文章能帮助大家解决问题。 ...
    99+
    2022-10-19
  • jquery如何去掉首尾空格
    今天小编给大家分享一下jquery如何去掉首尾空格的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2022-10-19
  • jquery怎么去掉position
    使用jquery移除position属性的方法:1.新建html项目,引入jquery;2.创建div标签,设置position和id属性;3.添加button按钮,绑定onclick点击事件;4.通过id获取标签对象,使用removeAt...
    99+
    2022-10-23
  • jquery 去掉input样式
    在网页设计中,常常需要通过HTML表单来获取用户输入的数据。当用户输入数据时,输入框的样式会直接影响到用户的输入体验。然而,浏览器自带的文本输入框可能无法满足设计师的要求。因此,设计师就需要使用一些技巧来让表单更具有美观性和可操作性。本文将...
    99+
    2023-05-14
  • jquery如何去掉重复字符串
    这篇文章主要介绍“jquery如何去掉重复字符串”,在日常操作中,相信很多人在jquery如何去掉重复字符串问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery如何去掉...
    99+
    2022-10-19
  • jquery如何去掉td里的内容
    本篇内容主要讲解“jquery如何去掉td里的内容”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何去掉td里的内容”吧! ...
    99+
    2022-10-19
  • jquery中datagrid如何去掉滚动条
    这篇“jquery中datagrid如何去掉滚动条”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看...
    99+
    2022-10-19
  • jquery如何去掉body背景图片
    这篇文章主要讲解了“jquery如何去掉body背景图片”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何去掉body背景图片”吧! ...
    99+
    2022-10-19
  • jquery如何去掉某个字符串
    今天小编给大家分享一下jquery如何去掉某个字符串的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解...
    99+
    2022-10-19
  • jquery如何去掉元素的css属性
    小编给大家分享一下jquery如何去掉元素的css属性,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! jquery去掉元素css属性的方法:1、利用利用“$(元...
    99+
    2022-10-19
  • jquery怎么去掉checked属性
    使用jquery去掉checked属性值的方法:1.新建html项目,引入jquery;2.创建input输入框,设置checked属性;3.添加button按钮,绑定onclick点击事件;4.通过标签名获取input对象,使用remov...
    99+
    2022-10-12
  • jquery怎么去掉一个字符
    在 jQuery 中去掉一个字符有多种方法,取决于您想要去掉的字符是什么类型以及您想要删除它的上下文。下面我们列举了一些常见的方法:使用 JavaScript 的 replace() 方法JavaScript 的 replace() 方法可...
    99+
    2023-05-18
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作