jQuery UI 实例 - 移除 Class（Remove Class）
当动画样式改变时，为匹配的元素集合内的每个元素移除指定的 Class。
如需了解更多有关 .removeClass() 方法的细节，请查看 API 文档 .removeClass()。
.removeClass() 演示
点击按钮预览特效。
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI 特效 - .removeClass() 演示</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css"> <style> .toggler { width: 500px; height: 200px; position: relative; } #button { padding: .5em 1em; text-decoration: none; } #effect { position: relative; width: 240px; padding: 1em; letter-spacing: 0; font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; } .newClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; } </style> <script> $(function() { $( "#button" ).click(function() { $( "#effect" ).removeClass( "newClass", 1000, callback ); return false; }); function callback() { setTimeout(function() { $( "#effect" ).addClass( "newClass" ); }, 1500 ); } }); </script></head><body> <div class="toggler"> <div id="effect" class="newClass ui-corner-all"> Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. </div></div> <a href="#" id="button" class="ui-state-default ui-corner-all">运行特效</a> </body></html>查看演示
王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat