jquery - 如何在 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);

});