在jQuery中替换类

Question

有没有办法在一行中完成以下操作？

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

像replaceClass？

之类的东西

Answer 1

没有进一步的背景，我建议：

item.toggleClass('oldClass newClass');

但是，如果你真的想要replaceClass()方法（虽然我无法在功能上看到它提供的功能）：

＆＃13;

＆＃13;

(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');

＆＃13;

.oldClass {
  color: #f00;
}
.newClass {
  color: #0f0;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

参考文献：

• toggleClass()。

Answer 2

如果您想尝试使用jquery-ui

switchClass('oldClass', 'newClass'); 

Answer 3

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

Answer 4

$('.theclassthatstherenow').addClass('newclasswithyourstyles');
$('.theclassthatstherenow').removeClass('theclassthatstherenow');

Answer 5

要使用jQuery在同一行中执行此操作，请使用给定的代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$('.oldclass').addClass('newclass').removeClass('oldclass');
</script>