`

Jquery之removeClass()

阅读更多

众所周知,removeClass()是用来移除样式的,分两种情况:

一、元素只有一个样式时,直接删除,如:

$(selector).removeClass("className");

 

二、元素有多个样式时,有三种方式

1、每次移除一个,多次移除。如:

$(selector).removeClass("className1");

$(selector).removeClass("className2");

$(selector).removeClass("className3");

......

缺点:要是class比较多,那就麻烦了,即便是采用链式也很麻烦。

 

2、一次性移除多个,每个之间用空格隔开,如:

$(selector).removeClass("className1  className2  className3  className4");

缺点:要是class比较多,也比较麻烦。

 

3、啥都不写,一次性删除。这是removeClass()方法的一个特性:当它不带参数时,就会将class的值全部删除。如:

$(selector).removeClass();

缺点:不分青红皂白,全部干掉,太不讲情面了。万一有我喜欢的咋办尼?

分享到:
评论

相关推荐

    jQuery使用removeClass方法删除元素指定Class的方法

    主要介绍了jQuery使用removeClass方法删除元素指定Class的方法,可实现针对指定元素样式的批量删除功能,具有一定参考借鉴价值,需要的朋友可以参考下

    jQuery中removeClass()方法用法实例

    主要介绍了jQuery中removeClass()方法用法,实例分析了removeClass()方法的功能、定义及从匹配元素删除一个或多个类的使用技巧,需要的朋友可以参考下

    jQuery源码解读之removeClass()方法分析

    本文较为详细的分析了jQuery源码解读之removeClass()方法。分享给大家供大家参考。具体分析如下: removeClass()方法和addClass()差别不大。这就来看看: 代码如下:jQuery.fn.extend({  removeClass: function( ...

    jquery.removeClass:一个 jQuery 插件,它增加了使用多个参数、逗号分隔字符串和正则表达式删除类的能力

    一个插件,用于将 jQuery 的当前 jQuery.fn.removeClass 替换为一个接受多个参数的插件,包括正则表达式 经典用法 $(element).removeClass('className className2 className3'); 多个参数 $(element).removeClass...

    jQuery get方法+一般处理程序处理文本框内容

    1.利用 jQuery的removeClass,addClass方法去控制文本框的样式。2.利用jQuery的get方法将文本框中的内容,传入后台进行处理。

    JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例

    主要介绍了JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作,涉及jquery事件响应及页面元素属性动态操作相关使用技巧,需要的朋友可以参考下

    jQuery 1.4.1 中文参考

    2.1 jQuery 核心函数 17 2.1.1 jQuery(expression, [context]) 17 2.1.2 jQuery(html, [ownerDocument]) 18 2.1.3 jQuery(html, props) 19 2.1.4 jQuery(elements) 20 2.1.5 jQuery() 20 2.1.6 jQuery(callback) 21 ...

    JQuery网页选项卡

    JQuery技术实现网页选项卡 代码: <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"> $(function () { $("ul li").click(function () { var indexID = $(this).index(); $(this).addClass(...

    jQuery帮助文档

    removeClass([class]) toggleClass(class [, switch]) HTML代码 html( [val] ) 文本 text( [val] ) 值 val( [val] ) CSS CSS css(name) css(properties) css(name, value) 位置 offset() position() ...

    JQuery新版中文手册

    removeClass([class|fn]) toggleClass(class|fn[,sw]) HTML代码/文本/值 html([val|fn]) text([val|fn]) val([val|fn|arr]) CSS CSS css(name|pro|[,val|fn]) 位置 offset([coordinates]) position() ...

    超实用的jQuery代码段

    4.2 使用removeClass()函数动态移除样式类 4.3 使用toggleClass()函数切换页面元素的样式类 4.4 为body增加class类支持 4.5 操作div的显示与隐藏 4.6 如何设定div始终居中显示 4.7 测试浏览器是否支持某些CSS 3...

    jQuery 1.5 API 中文版

    $.removeClass( [class] ), .removeClass( fn(index, class) ) $.toggleClass( class [, switch] ), .toggleClass( fn(index, class) [, switch] ) HTML, text str.html( ) $.html( val ), .html( fn(index, html) )...

    jquery 淘宝地址管理

    jquery 更换地址 代码贴上 $(function(){ $('#similar p').hover(function(){ $(this).addClass('bggray'); if(!($(this).hasClass('selected'))){ $(this).find('a').show(); } },function(){ $(this)....

    jquery电子文档chm

    $(this).removeClass("selected"); } ); ajaxSuccess(callback) AJAX 请求成功时执行函数。Ajax 事件。 XMLHttpRequest 对象和设置作为参数传递给回调函数。 -------------------------------------------------...

    jQuery的点击按钮切换网页背景图片代码.zip

    $(".slide.slide3").removeClass("s1").removeClass("s2").removeClass("s3").removeClass("s4").removeClass("s5"), $(".slide.slide3").addClass("s" a), $(".slide.slide3 .img" a).addClass("selected"), ...

    jquery滚动依然显示头部

    滚动依然显示头部jqueryfunction fun_scroll() { if (isShow) { var min = document.body.scrollTop | document.documentElement.scrollTop; if (min ) { $("#J_m_nav").removeClass("nav_fixed"); $("#J_m_nav...

Global site tag (gtag.js) - Google Analytics