JQ鼠标经过改变样式

我想实现的效果是鼠标经过的时候li的样式改变成（.box_li，我写的怎么没效果，大家帮我看看<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript" src="jquery-1.3.2-vsdoc.js"></script>
<script type="text/javascript" language="javascript">
    $(document).ready(function(){
   $(".box ul li").hover(function(){
             function(){
         $(this).addClass("box_li");  
     } 
 function(){
         $(this).removeClass("box_li");  
     } 
       })
})
</script>
  <style type="text/css">
     .box{ width:250px; margin:0 auto; height:260px; border:1px solid #090; font-size:12px;}
 .box ul{ margin:0px; padding:20px 0 0 0;} 
 .box ul li{ height:25px; line-height:25px; list-style:none; margin-left:5px; }
 .box_li{height:25px; line-height:25px; list-style:none; margin-left:5px; border:1px solid #090;}
  </style>
</head><body>
    <div class="box">
        <ul>
           <li>文字文字文字文字</li>
           <li>文字文字文字文字</li>
           <li>文字文字文字文字</li>
           <li>文字文字文字文字</li>
           <li>文字文字文字文字</li>
           <li>文字文字文字文字</li>
           <li>文字文字文字文字</li>
           <li>文字文字文字文字</li>
           <li>文字文字文字文字</li>
        </ul>
    </div>
</body>
</html>

解决方案 »

  1.   

    多了function 
    $(document).ready(“function(){”//这个不要
               $(".box ul li").hover(function(){
                 function(){
                     $(this).addClass("box_li");         
                 } 
                 function(){
                     $(this).removeClass("box_li");         
                 } 
               })
        })
      

  2.   

    $(".box ul li").hover(“function(){” //是这个function不要
      

  3.   


    $(function(){
       $(".box ul li").hover(
                 function(){
                     $(this).addClass("box_li");         
                 }, 
                 function(){
                     $(this).removeClass("box_li");         
                 } 
               )
    }
    )
      

  4.   


        $("#table1>tbody>tr ").hover(function() {
            $(this).css("background-color", "#aaa");
        },
        function() {
            $(this).css("background-color", "")
        });