jquery 点击事件点击元素添加和移除class

可以使用：$("#but").removeAttr("class");和$("#but").attr("class","but_test");来对标签进行元素的添加和删除。

1. 为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。

   

2. 接下来，就给该button按钮添加一个点击事件，让它能过自由切换。

   

3. 对该点击事件添加js函数。

   

4. 运行后的结果为：

   

拓展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jquery中添加和移除class使用addClass()和removeClass()两个方法即可。

   $(document).ready(function(){
       $(".nav a").click(function(){
            $(this).addClass("active");
            $(this).siblings().removeClass("active");
       });
   });

  元素1
  元素2
  元素3
  元素4
  元素1