jQuery案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/js/jquery.js"></script>
</head>
​
<body>
  <ul class="first">
     <li class="foo">list item 1</li>
     <li>list item 2</li>
     <li class="bar">list item 3</li>
  </ul>
  <ul class="second">
     <li class="foo">list item 1</li>
     <li>list item 2</li>
     <li class="bar">list item 3</li>
  </ul>
  <script>$('ul.first').find('.foo').css('background-color', 'red')
    .end().find('.bar').css('background-color', 'green');</script>
</body>
</html>
​