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

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

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

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

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

运行后的结果为：

拓展资料：

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

其实你设置为disabled后，没有必要执行unbind , $("#menu").attr('disabled','disabled')

下面是你的思路

function AClick(){

$(divB).show()//d出一个层，里面有个按钮B

$(B).click(BClick)

}

function BClick(){

$(A).addClass("addter").attr("title","您已添加无法点击").unbind("click")

$(divC).show()//Cd出来，里面有个按钮C

$(C).click(CClick)//绑定C里面的删除事件

}

function CClick(){

$(A).removeClass("addter").attr("title","可以点击").click(AClick)

$(C).hide()//删除C

}

$(A).click(AClick)

问题分析：

1、删除：使用jQuery的remove方法。

2、添加：使用jQuery的append、after等多个方法，这些不同的方法是用来决定标签添加的相对位置。

举例如下：

以内部追加方法append为例。

添加DIV：

$('body').append('<div id="name">我是被添加的DIV标签</div>')

删除刚刚添加的DIV：

$('#name').remove()

---