jQuery 中的 removeClass( class )方法

首页 / jQuery入门教程 / jQuery 中的 removeClass( class )方法

removeClass(class)方法从匹配的元素集中删除所有或指定的类。

removeClass( class ) - 语法

selector.removeClass( class )

这是此方法使用的所有参数的描述-

  • class   -  CSS类的名称。

removeClass( class ) - 示例

以下示例将从第一段中删除红色类-

<html>
   <head>
      <title>The Selecter Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
   
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $("p#pid1").removeClass("red");
         });
      </script>
		
      <style>
         .red { color:red; }
         .green { color:green; }
      </style>
   </head>
	
   <body>
      <p class="red" id="pid1">This is first paragraph.</p>
      <p class="green" id="pid2">This is second paragraph.</p>
   </body>
</html>

这将产生以下输出-

This is first paragraph.

This is second paragraph.

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

许式伟的架构课 -〔许式伟〕

零基础学Java -〔臧萌〕

OpenResty从入门到实战 -〔温铭〕

Swift核心技术与实战 -〔张杰〕

Redis核心技术与实战 -〔蒋德钧〕

用户体验设计实战课 -〔相辉〕

手机摄影 -〔@随你们去〕

Kubernetes入门实战课 -〔罗剑锋〕

计算机基础实战课 -〔彭东〕

好记忆不如烂笔头。留下您的足迹吧 :)