从匹配的元素中移除“blue”样式类

从匹配的元素中移除“blue”样式类
  从 jQuery 1.4开始, .removeClass() 方法允许我们指定一个函数作为参数,返回将要被删除的样式。
  
  $('li:last').removeClass(function() {
  
  return $(this).prev().attr('class');
  
  });
  
  上例中,移除了最后一个 <li> 的样式,该样式是倒数第二个 <li> 的样式。
  
  例子:
  
  Example: 从匹配的元素中移除“blue”样式类。
  
<!DOCTYPE html>
<html>
<head>
  <style>
 
  p { margin: 4px; font-size:16px; font-weight:bolder; }
  .blue { color:blue; }
  .under { text-decoration:underline; }
  .highlight { background:yellow; }
  </style>
  <script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p class="blue under">Hello</p>
  <p class="blue under highlight">and</p>
  <p class="blue under">then</p>
 
  <p class="blue under">Goodbye</p>
<script>$("p:even").removeClass("blue");</script>
 
</body>
</html>
 

推荐阅读