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

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

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

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

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

运行后的结果为：

拓展资料：

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

1、jQuery中，针对标签属性的 *** 作都是使用attr()方法来实现的。

2、比如：$("a").attr("onclick")可获得a标签的onclick属性,对应的：增加事件$(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值。

3、设置onclick属性：$("a").attr("onclick","test()")删除事件。

<p>点击事件</p>

<a id='a1'>添加一个点击事件</a>

<a id='a2'>删除添的点击事件</a>

<script src="jquery-1.4.4.min.js"></script>

<script>

$('p').click(function(){

 alert('默认的点击事件')

})

$('#a1').click(function(){

 $('p').click(XXX)

 alert('添加事件')

})

function XXX(){

  alert('添加的点击事件')

}

$('#a2').click(function(){

 //删除添加的点击事件。默认的需要保留~~

 $("p").unbind("click",XXX) 

})

</script>

---