这篇文章主要介绍了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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。