js闭包语法入门

<!-- Add your site or application content here -->
  <p>Hello world! This is HTML5 Boilerplate.</p>
  <button onclick="clickChange()">点击</button>
  <button onclick="reset()">还原</button>

  <h1></h1>

  <div style="position: relative;">
    <div id="test" style="height: 100px;width:100px;background-color: blue;position: absolute"></div>
  </div>


  <script src="js/vendor/modernizr-3.11.2.min.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>
  <script src="js/jquery-1.7.2.min.js"></script>

  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
  <script>
    window.CLOSE_PACKAGE = (function(){

        function CP(elId) {
            this.$root=$("#"+elId);
        }

        CP.prototype.move = function(x,y){
            return this.$root.animate({left: x+'px', top: y+'px'}, 500)
        }

        return CP;
    })()

    var cp = new CLOSE_PACKAGE('test');
      function clickChange(){
          cp.move(100,200)
      }
      function reset(){
          cp.move(0,0)
      }


  </script>