jQuery的功能为什么用不了，求大神！！

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <script src="js/jquery-1.12.2.min.js"></script>
    <script>
        $("li").hover(
            function () {
                $(this).addClass("hover");
            },
            function () {
                $(this).removeClass("hover");
            }
        );
    </script>
    <style>
        #list li{
            list-style : none;
            width: 40px;
            height: 40px;
            background: navajowhite;
            float: left;
            margin-right: 10px;
        }
        #list li.hover{
            background: deepskyblue;
        }
    </style>
</head>
<body>
 <ul id="list">
     <li class="hover"></li>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
     <li></li>

 </ul>
</body>
</html>

图片说明

放dom readny中绑定事件，要不找不到对象

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

})

麻烦自己看下你的图片是否能看清。。。。测试代码是否可观看
你这要别人怎么回答......

可以把放到<ul>下面。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> <script src="js/jquery-1.12.2.min.js">

<style>
    #list li{
        list-style : none;
        width: 40px;
        height: 40px;
        background: navajowhite;
        float: left;
        margin-right: 10px;
    }
    #list li.hover{
        background: deepskyblue;
    }
</style>

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