jQuery整体框架封装

了解jQuery整体框架

①：封装作用域（闭包）

 <script>
        //闭包
        (function() {
            function jQuery(id) {
                console.log(id);
            }
        })(); 

        jQuery('#id')
  </script>

当调用jQuery(id)方法时，浏览器控制台显示：

错误原因：自定义jQuery实际上是写在了闭包下的，而在外边的jQuery默认调用window下的jQuery()，二者的作用域不同。

（若想调用闭包中的jQuery()方法，需要添加如下语句：）

 (function() {
            window.jQuery = jQuery;//将自定义函数定义到window.jQuery下

            function jQuery(id) {
                console.log(id);
            }
   })();

   jQuery('#id')

此时，若要使用自定义jQuery时，就可以在window.jQuery下找着自定义的jQuery方法。

jQuery通常用$符号代替：

 (function() {
            window.jQuery =window.$= jQuery;//将自定义函数定义到window.jQuery下

            function jQuery(id) {
                console.log(id);
            }
   })();

   $('#id')

运行效果：