如何应用.toggleClass()在简单的div上

今天小编给大家分享一下如何应用.toggleClass()在简单的div上的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
　　在第一个版本中，如果在匹配的元素集合中的每个元素上存在该样式类就会被移除；如果某个元素没有这个样式类就会免费云主机域名加上这个样式类。举个例子：我们可以应用 .toggleClass() 在简单的
　　
　　第一次我们应用 $(‘div.tumble’).toggleClass(‘bounce’), 我们可以得到以下内容:
　　
　　第二次我能同样应用 $(‘div.tumble’).toggleClass(‘bounce’), 这个
　　
　　应用 .toggleClass(‘bounce spin’)在同一个
　　.toggleClass()的第二个版本使用第二个参数判断样式类是否应该被添加或删除。如果这个参数的值是true，那么这个样式类将被添加;如果这个参数的值是false，那么这个样式类将被移除。本质上是这样的:
　　$(‘#foo’).toggleClass(className, addOrRemove);
　　等价于:
　　if (addOrRemove) {
　　$(‘#foo’).addClass(className);
　　}
　　else {
　　$(‘#foo’).removeClass(className);
　　}
　　从 jQuery 1.4 开始, 如果不将任何参数传递给 .toggleClass() 方法,那么匹配元素上的所有样式会在该方法第一次执行时被移除，第二次执行时被还原，如此往复。同样的，从 jQuery 1.4 开始,可以用一个函数作为参数，返回应该显示的样式：
　　$(‘div.foo’).toggleClass(function() {
　　if ($(this).parent().is(‘.bar’)) {
　　return ‘happy’;
　　} else {
　　return ‘sad’;
　　}
　　});以上就是“如何应用.toggleClass()在简单的div上”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@byun.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。百云主机公众号手机网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州百云主机计算有限公司粤ICP备17096448号-1
粤公网安备 44010402001142号增值电信业务经营许可证编号：B1-20181529