jquery中的remove方法,jquery addclass removeclass

jquery中的remove方法,jquery addclass removeclass,jQuery中removeClass()方法用法实例

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

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: