jquery 修改 class

jQuery是一个JavaScript库，它可以轻松地操作HTML元素和CSS属性。这使得修改元素的class变得非常容易。下面介绍如何使用jQuery修改class：

// 将btn的class从btn-default改为btn-success
$("#btn").removeClass("btn-default").addClass("btn-success");

// 切换btn的class，如果原来是btn-default则变为btn-success，如果原来是btn-success则变为btn-default
$("#btn").toggleClass("btn-default btn-success");

上述代码中，$符号表示jQuery，#btn表示ID为btn的元素。第一个代码行使用removeClass方法删除btn的class为btn-default，并添加class为btn-success。第二个代码行使用toggleClass方法，如果btn的class为btn-default，则删除该class并添加btn-success，如果btn的class为btn-success，则删除该class并添加btn-default。

如此简单易懂的代码，可使网页元素在不同状态下装扮不同，增添视觉效果，提升用户体验。学会使用jQuery修改元素的class，对前端开发会有很大帮助。