<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 导入jquery -->
    <script src="jquery-1.11.3/jquery.min.js"></script>
     <!-- 使用jquery代码需要重新打开一个script标签 -->
     <script>
         // 原生js写法
         window.onload = function(){
             var oDiv = document.getElementById("div1");
             alert(oDiv);
         };
        //  $符号就是jquery的象征
        //  $(document).ready(function(){
        //     //  获取标签和css样式匹配标签规则一样
        //     // 以后使用jquery，变量名都要以$符号开头
        //      var $div = $("#div1");
        //      alert($div);
        //  });
         // ready等待页面标签加载完成以后执行ready时间，不会等待资源数据加载完成
         // jquery简写
         $(function(){
            var $div = $("#div1");
             alert($div);
         })

     </script>
</head>
<body>
    <div id="div1">haha</div>
</body>
</html>