如何在jQuery中为单个id编写两个类？

Question

我有ID“searchBtn”的按钮。每次单击该按钮时，该类应该更改。我想在每次点击时轮换预定义数量的课程。

我该怎么做呢？

Answer 1

您可以尝试使用jquery的toggleClass函数，如下所示：

$(document).ready(function(){
    $('#searchBtn').click(function () {
        $(this).toggleClass('class_x','class_y');
    });
});

Answer 2

尝试这样的事情：

$('#searchBtn').on('click', function () {
    if ($(this).hasClass('classA')) {
        $(this).removeClass('classA').addClass('classB');
    } else {
        $(this).removeClass('classB').addClass('classA');
    }
});

Answer 3

$('#searchBtn').on('click', function() {
  $(this).removeClass('oldClass');
  $(this).addClass('newClass');
});

Answer 4

var counter = 0;

$("#searchBtn").click(function(){

 $(SELECTOR).removeClass("class"+counter++);
 $(SELECTOR).addClass("class"+counter);

});