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

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

榕江网站建设公司成都创新互联公司,榕江网站设计制作，有大型网站制作公司丰富经验。已为榕江1000+提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的榕江做网站的公司定做！

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

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

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

运行后的结果为：

拓展资料：

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

怎么解决jQuery中attr绑定事件移除不了?

不要用attr去绑定事件，要用标准方法去绑定，比如：

$("#....").on("focus",function(){

WdatePicker({......});

});

然后要移除这个事件时就可以这样：

$("#....").off("focus");

前端开发JS框架之jQuery的基础知识分享

jQuery对象是通过jQuery包装DOM对象后产生的对象

注意：jQuery对象只能使用jQuery里的方法，DOM对象只能使用DOM对象的方法

基本选择器

层级选择器：

基本筛选器：

属性选择器：

表单筛选器：

筛选器方法：

jQuery的一些方法：

注意：对于标签上有的能够看到的属性和自定义属性用attr()方法

对于返回布尔值比如checkbox，radion，option这三个标签是否被选中，用prop方法

事件绑定方式：

注意：DOM定义的事件可以用 .on()方法来绑定事件，但是jQuery定义的事件就不可以

常用事件有：

移除事件：把on改成off，就是移除 .on()绑定的事件

阻止后续事件执行：事件函数中添加 return false; (常用于阻止表单提交等）或者e.preventDefault()

阻止事件冒泡：添加e.stopPropagation()

利用父标签去捕获子标签的事件

推荐阅读：

前端开发框架之jQuery 和 Vue 的选择

前端开发之15个jQuery小技巧分享

前端开发之JQuery入门基础操作

前端开发框架jQuery的优势与基础知识分享

当前题目：jquery移除事件,jquery事件解除
分享网址：http://chengdu.cdxwcx.cn/article/dsepojg.html