替换jQuery中的类

大卫542

有没有一种方法可以一次完成以下任务?

item.removeClass('oldClass')
item.addClass('newClass')

replaceClass什么?

大卫说恢复莫妮卡

在没有其他背景的情况下,我建议:

item.toggleClass('oldClass newClass');

但是,如果您真的想要一个replaceClass()方法(尽管我看不到它可能提供的功能):

(function($) {
  $.fn.replaceClass = function(classes) {
    var allClasses = classes.split(/\s+/).slice(0, 2);
    return this.each(function() {
      $(this).toggleClass(allClasses.join(' '));
    });
  };
})(jQuery);

$('div').replaceClass('oldClass newClass');
.oldClass {
  color: #f00;
}
.newClass {
  color: #0f0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="oldClass">This element starts with the class "oldClass"</div>
<div class="newClass">This element starts with the class "newClass"</div>

参考:

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

替换jQuery中的类

来自分类Dev

如何替换dll中的类?

来自分类Dev

在jQuery中替换小数

来自分类Dev

在jQuery中替换“ img”

来自分类Dev

在jQuery中替换小数

来自分类Dev

在jQuery中替换<和>

来自分类Dev

jQuery替换两个div类(如果它们在TD中存在)

来自分类Dev

在克隆之后和使用JQuery追加之前,替换表TD中的类

来自分类Dev

使用jQuery查找和替换元素的类

来自分类Dev

jQuery-选择和替换CSS类

来自分类Dev

jQuery-替换类+向上滑动

来自分类Dev

替换AngularJS中的jQuery'on'函数

来自分类Dev

替换AngularJS中的jQuery'on'函数

来自分类Dev

如何替换jQuery中的按钮?

来自分类Dev

在jQuery中添加类

来自分类Dev

“on”中类的 JQuery 通配符

来自分类Dev

用inTemplates C ++中的类替换枚举

来自分类Dev

GAE中针对BaseFacebook类的卷毛替换

来自分类Dev

替换嵌套列表中的类名

来自分类Dev

目标c的类名中的“&”被替换为“ _”

来自分类Dev

从 Modelica 中的嵌套可替换类扩展类

来自分类Dev

在jquery中替换跨度中的文本

来自分类Dev

用jQuery替换同一类的链接

来自分类Dev

在 jquery 中删除类和添加类

来自分类Dev

如何用逗号替换空格,然后在 jquery 中替换空格?

来自分类Dev

C ++中的枚举类-c#中的替换-

来自分类Dev

jQuery计算类中的元素

来自分类Dev

在jQuery中追加div类

来自分类Dev

更改jQuery中的类名