function $(id){return document.getElementById(id)}说明

定义一个函数，函数名叫$。 接收一个参数id ， 调用时返回id为此id的元素对象。

return直接返回一个对象。函数没有声明对象类型。个人理解就是element或object吧。呵呵。

1、addClass:为指定的dom元素添加样式。
2、removeClass:删除指定dom元素的样式。
3、toggleClass:如果存在(不存在)，就删除(添加)一个样式。
4、hasClass:判断样式是否存在。
 
 

  
  function 
  
  hasClass(obj, cls) {
 
 
 
 

  
      
  
  return 
  
  obj.className.match(
  
  new 
  
  RegExp(
  
  '(\\s|^)' 
  
  + cls + 
  
  '(\\s|$)'
  
  ));
 
 
 
 

  
  }
 
 
 
 

  
   
 
 
 
 

  
  function 
  
  addClass(obj, cls) {
 
 
 
 

  
      
  
  if 
  
  (!
  
  this
  
  .hasClass(obj, cls)) {
 
 
 
 

  
          
  
  obj.className += 
  
  " " 
  
  + cls;
 
 
 
 

  
      
  
  }
 
 
 
 

  
  }
 
 
 
 

  
   
 
 
 
 

  
  function 
  
  removeClass(obj, cls) {
 
 
 
 

  
      
  
  if 
  
  (hasClass(obj, cls)) {
 
 
 
 

  
          
  
  var 
  
  reg = 
  
  new 
  
  RegExp(
  
  '(\\s|^)' 
  
  + cls + 
  
  '(\\s|$)'
  
  );
 
 
 
 

  
          
  
  obj.className = obj.className.replace(reg, 
  
  ' '
  
  );
 
 
 
 

  
      
  
  }
 
 
 
 

  
  }
 
 
 
 

  
   
 
 
 
 

  
  function 
  
  toggleClass(obj,cls){
 
 
 
 

  
      
  
  if
  
  (hasClass(obj,cls)){
 
 
 
 

  
          
  
  removeClass(obj, cls);
 
 
 
 

  
      
  
  } 
  
  else 
  
  {
 
 
 
 

  
          
  
  addClass(obj, cls);
 
 
 
 

  
      
  
  }
 
 
 
 

  
  }