这篇文章主要介绍了jQuery中removeClass()方法用法，实例分析了removeClass()方法的功能、定义及从匹配元素删除一个或多个类的使用技巧，需要的朋友可以参考下
本文实例讲述了jQuery中removeClass()方法用法。分享给大家供大家参考。具体分析如下：
此方法从匹配元素删除一个或多个类。
根据方法参数的不同，有以下几种语法结构。
语法结构一：
方法没有参数。把匹配元素所有的类都移除。
复制代码代码如下：$(选择器)。removeClass()
实例代码：
代码可以将差异的所有钢性铸铁类删除。
复制代码代码如下：
！文档类型超文本标记语言
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '
meta name=' author ' content=' https://www。jb51。net/'/
titleremoveClass()函数-我们/标题
style type='text/css '。字体{
字体大小：18px
颜色：黄色
}。血糖
背景：# 336;
}
/风格
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1。8 .3 .js '/脚本
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('button ').单击（函数(){
$('div ').删除类()；
});
})
/脚本
/头
身体
div class='font bg '我们欢迎您/div
按钮点击查看效果/按钮
/body
/html
语法结构二：
移除匹配元素中指定的类
复制代码代码如下：$(选择器)。移除类(类)
参数
描述
班级
一个或多个要删除的半铸钢钢性铸铁(铸造半钢)类名。类名之间用空格分隔。
实例代码：
实例一：
复制代码代码如下：
！文档类型超文本标记语言
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '
meta name=' author ' content=' https://www。jb51。net/'/
titleremoveClass()函数-我们/标题
style type='text/css '。字体{
字体大小：18px
颜色：黄色
}。血糖背景：# 336;}
/风格
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1。8 .3 .js '/脚本
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('button ').单击（函数(){
$('div ').删除类(“font”)；
});
})
/脚本
/头
身体
div class='font bg '我们欢迎您/div
按钮点击查看效果/按钮
/body
/html
移除一个指定的类。
实例二：
复制代码代码如下：
！文档类型超文本标记语言
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '
meta name=' author ' content=' https://www。jb51。net/'/
titleremoveClass()函数-我们/标题
style type='text/css '。字体{
字体大小：18px
颜色：黄色
}。血糖背景：# 336;}
/风格
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1。8 .3 .js '/脚本
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('button ').单击（函数(){
$('div ').删除类(“font BG”)；
});
})
/脚本
/头
身体
div class='font bg '我们欢迎您/div
按钮点击查看效果/按钮
/body
/html
移除两个半铸钢钢性铸铁(铸造半钢)类，类名之间用空格分隔。
语法结构三：
复制代码代码如下：$(选择器)。移除类(函数(索引，旧类))
函数返回要移除的类名。
参数列表：
参数
描述
函数（索引，旧类)
方法返回一个或多个空格分隔的要被移除的班级名。
索引-可选，接受选择器的指数位置。
旧类-可选，接受选择器的原有类值。
实例代码：
实例一：
复制代码代码如下：
！文档类型超文本标记语言
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '
meta name=' author ' content=' https://www。jb51。net/'/
titleremoveClass()函数-我们/标题
style type='text/css '。字体{
字体大小：18px
颜色：黄色
}。血糖背景：# 336;}
/风格
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1。8 .3 .js '/脚本
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('button ').单击（函数(){
$('div ').removeClass(function(){
返回"字体"
});
});
})
/脚本
/头
身体
div class='font bg '我们欢迎您/div
按钮点击查看效果/按钮
/body
/html
用函数作为参数，函数返回一个要删除的半铸钢钢性铸铁(铸造半钢)类名。
实例二：
复制代码代码如下：
！文档类型超文本标记语言
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '
meta name=' author ' content=' https://www。jb51。net/'/
titleremoveClass()函数-我们/标题
style type='text/css '。字体{
字体大小：18px
颜色：黄色
}。血糖背景：# 336;}
/风格
脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1。8 .3 .js '/脚本
脚本类型='文本/javascript '
$(文档)。ready(function(){
$('button ').单击（函数(){
$('div ').removeClass(function(){
返回'字体背景'
});
});
})
/脚本
/头
身体
div class='font bg '我们欢迎您/div
按钮点击查看效果/按钮
/body
/html
用函数作为参数，函数返回两个要删除的半铸钢钢性铸铁(铸造半钢)类名，类名之间用空格分隔。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。