点击按钮，改变div大小及颜色无反应

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #dv{background-color: aqua;}
    </style>
    <script src="jquery-1.12.1.js"></script>
    <script src="jquery-1.12.1.min.js"></script>
    <script >
            $("#btn").click(function () {
                $("dv").css({"width":"200px", "height":"100px", "background-color":"blue"});
            });
    </script>
</head>
<body>
<input type="button" value="显示效果" id="btn"/>
<div id="dv">444</div></body>
</html>测试发现是function方法没有起作用，求大神看看我这个小白这是哪儿出了问题

解决方案 »

  1.   

    检查jquery路径对了没有，而且你导入2次jquery干嘛，无聊的div的id选择器也没写对，代码发dom对象下或者放dom ready里面
            $(function(){
                $("#btn").click(function () {
                    $("#dv").css...
                });
            })
      

  2.   

    $("dv").css({"width":"200px", "height":"100px", "background-color":"blue"});改为$("#dv").css({"width":"200px", "height":"100px", "background-color":"blue"});
      

  3.   

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            #dv{background-color: aqua;}
        </style>
        <script src="jquery.1.10.2.js"></script>
        <script >
        $(document).ready(function() {
                     $("#btn").click(function () {
                    $("#dv").css({"width":"200px", "height":"100px", "background-color":"blue"});
                });
        });    </script>
    </head>
    <body>
    <input type="button" value="显示效果" id="btn"/>
    <div id="dv">444</div></body>
    </html>
      

  4.   

    把 JS 中的代码换成下面这个：
    <script > 
    $(document).on("click","#btn",function(){
         $("#dv").css({"width":"200px", "height":"100px", "background-color":"blue"});
    });
    </script>