首页 > 代码库 > zepto - toggleClass
zepto - toggleClass
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>zepto</title> <style> .main { font-size: 120%; color: red; } </style></head><body><h1 id="h1">This is a heading</h1><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">切换段落的 "main" 类</button><script src="zepto.min.js"></script><script> $("button").click(function () { $("p").toggleClass("main"); });</script></body></html>
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>zepto</title> <style> .listitem_1, .listitem_3 { color: red; } .listitem_0, .listitem_2 { color: blue; } </style></head><body><h1 id="h1">This is a heading</h1><ul> <li>Apple</li> <li>IBM</li> <li>Microsoft</li> <li>Google</li></ul><button class="btn1">添加或移除列表项的类</button><script src="zepto.min.js"></script><script> $("button").click(function () { $(‘ul li‘).toggleClass(function () { return ‘listitem_‘ + $(this).index(); }); });</script></body></html>
zepto - toggleClass
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。