请求大佬支援！！！为什么我的html()失效了

<!DOCTYPE html>
<html lang="en"><head>
  <meta charset="UTF-8">
  <title>Document</title>
    <script src="jQuery/jquery-1.11.1.min.js"></script>
    <style>
        #div1{
            width: 300px;
            height: 300px;
            border: 1px solid red;  
        }
    </style>
</head>

<body>
 <input type="button" value="html()" id="html1">
    <input type="button" value="$()" id="$1">
    <div id="div1">
        <p>
            p1
            <span>span1</span>
        </p>
    </div>
</body>
    <script>
        $(function(){
//          html();     设置或者获取内容
            $('html1').click(function(){
//              1-1.获取内容    html()方法不给参数
//              $('#div1').html();
                console.log($('#div1').html());
            });

//              1-2.设置内容    html()方法给参数
            $('#div1').html('我是新设置的内容');
        });
    </script>
</html>

看看你jQuery的包导对了吗

<!DOCTYPE html> 没 html

加上这个试试.如果加上这个可以用的话，就是你的包导错了

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>