toggleClass()

功能

从指定的元素中添加或删除一个或多个类。即：如果存在（不存在）就删除（添加）一个类。

语法

styler.toggleClass(elm, name, when)

参数

elm
HTMLElement对象，指定对象HTML元素
name
一个或多个类名(由空格分隔)要进行切换
when

范例

Example: 对象元素上如果存在 foo 样式，就移除；否则就添加。

<!DOCTYPE html>
<html>
<head>
  <style>
  p { margin: 8px; font-size:16px; }
  .foo { display:none; color:blue; }
  </style>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script>
  
  
  <script>
    require.config({
      baseUrl: "./"
      ,packages : [
         { name: "skylark", location: "../../../src/skylark" },
      ]
    });
  </script>
  
</head>
<body>
 
  <p id="target" class="foo">This is a 'foo' item </p>
 
<script>
  require(["skylark/finder","skylark/styler"],function(finder,styler){
    styler.toggleClass(finder.byId("target"),"foo");
  });
</script>
 
</body>
</html>