可以使用:$("#but").removeAttr("class");和$("#but").attr("class","but_test");来对标签进行元素的添加和删除。
榕江网站建设公司成都创新互联公司,榕江网站设计制作,有大型网站制作公司丰富经验。已为榕江1000+提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的榕江做网站的公司定做!
为了直观性的看到结果,首先在css样式中,针对class选择该元素,之后添加相应的样式。
接下来,就给该button按钮添加一个点击事件,让它能过自由切换。
对该点击事件添加js函数。
运行后的结果为:
拓展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
不要用attr去绑定事件,要用标准方法去绑定,比如:
$("#....").on("focus",function(){
WdatePicker({......});
});
然后要移除这个事件时就可以这样:
$("#....").off("focus");
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的优势与基础知识分享