目录

toggleClass()

功能

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

语法

styler.toggleClass(elm, 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>