javascript中.toggleClass()怎么用

这篇文章主要介绍javascript中.toggleClass()怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
　　如果匹配元素的父级元素有bar样式类名，这个例子将为
　　例子:
　　Example: 当点击段落的是有切换 ‘highlight’ 样式类
　　

　　p { margin: 4px; font-size:16px; font-weight:bolder;
　　cursor:pointer; }
　　.blue { color:blue; }
　　.highlight { background:yellow; }
　　
　　
　　
　　
　　Click to toggle
　　highlight
　　on these
　　paragraphs
　　
　　$(“p”).click(function () {
　　$(this).toggleClass(“highlight”);
　　});
　　
　　
　　
　　Example: 每当第三次点击段落的时候添加 “highlight” 样式类, 第一次和第二次点击的时候移除 “highlight” 样式类
　　

　　p { margin: 4px; font-size:16px; font-weight:bolder;
　　cursor:pointer; }
　　.blue { color:blue; }
　　.highlight { background:red; }
　　
　　
　　
　　
　　Click to toggle (clicks: 0)
　　highlight (clicks: 0)
　　on these (clicks: 0)
　　paragraphs (clicks: 0)
　　
　　var count = 0;
　　$(“p”).each(function() {
　　var $thisParagraph = $(this);
　　var count = 0;
　　$thisParagraph.click(function() {
　　count++;
　　$thisParagraph.find(“span”).text(‘clicks: ‘ + count);
　　$thisParagraph.toggleClass(“highlight”, count % 3 == 0);
　　});
　　});
　　
　　
　　
　　Example: Toggle the class name(s) indicated on the buttons for each div.
　　

　　.wrap > div { float: left; width: 100px; margin: 1em 1em 0 0;
　　padding=left: 3px; border: 1px solid #abc; }
　　div.a { background-color: aqua; }
　　div.b { background-color: burlywood; }
　　div.c { background-color: cornsilk; }
　　
　　
　　
　　
　　
　　toggle
　　toggle a
　　toggle a b
　　toggle a b c
　　reset
　　
　　
　　
　　
　　
　　
　　
　　
　　var cls = [”, ‘a’, ‘a b’, ‘a b c’];
　　var divs = $(‘div.wrap’).children();
　　var appendClass = function() {
　　divs.append(function() {
　　return ‘
　　});
　　};
　　appendClass();
　　$(‘button’).bind(‘click’, function() {
　　var tc = this.className || undefined;
　　divs.toggleClass(tc);
　　appendClass();
　　});
　　$(‘a’).bind(‘click’, function(event) {
　　event.preventDefault();
　　divs.empty().each(function(i) {
　　this.className = cls[i];
　　});
　　appendClass();
　　});
　　
　　
　　以上是“javascript中.toggleClass()怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注云技术行业资讯频道！免责声明：本站发布的内容（图片、视免费云主机、域名频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@byun.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

相关推荐: CSS3中怎么用一个div做弹跳小动画

本篇内容主要讲解“CSS3中怎么用一个div做弹跳小动画”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“CSS3中怎么用一个div做弹跳小动画”吧! 由于只使用了一个div，要同时达到正方形旋转与阴影缩放的效果，这里…