jquery - 如何让 li 标签单独点亮

Question

如何获取 li鼠标悬停在所有 li 上时，标签会单独亮起标签立即亮起

 $(document).ready(function(){
  $("li").mouseover(function(){
   $("li").css("background-color","yellow");
 });
  $("li").mouseout(function(){
  $("li").css("background-color","lightgray");
  });
});

HTML:

 <ul class="menu">
 <li>Bookmarks</li>
 <li>Something</li>
 <li>BUMPER STICKERS</li>
 <li>CARBONLESS FORMS</li>
 <li>CD JACKETS</li>
 <li>DIE CUT/CUSTOM STICKERS</li>
 <li>DOOR HANGERS</li>
 <li>ENVELOPES</li>
 <li>FOLDERS</li>
 <li>LETTERHEADS</li>
 <li>RECTANGULAR STICKERS</li>
 <li>ROUND STICKERS</li>
 <li>STATIC CLING </li>
 <li>TABLE TENTS</li>
 <li>VINYL BANNERS</li>
<li>WINDOW STICKERS</li>

</ul>

Answer 1

演示:http://jsfiddle.net/whZYD/

 $(document).ready(function(){
  $("li").mouseover(function(){
   $(this).css("background-color","yellow");
 });
  $("li").mouseout(function(){
  $(this).css("background-color","lightgray");
  });
});