第一天认识了jquery的大体结构,总的大范围是
(function() {
// 这里是封装的代码,包括了各种方法、工具
window.JQuery = JQuery
window.$ = $;
})();
理解:这是一个自调用,写在里面的所有东西外界都不会访问到,但是里面可以访问外界的全局变量 ,想象一下,当你需要引入一个插件或者一个库的时候,如果里面的变量和你自己写的js代码作用域相同的时候,多个第三方也极大可能变量重名,冲突在所难免(插件的作者不会也不可能兼顾到所有开发者的变量习惯),而自调用(沙箱)可以解决这一尴尬。
这就万事大吉啦?我进不了你的门,我该怎么拿你要送我的东西? 这个东西就是篮子(window),拿个竹篮往窗口上吊上去(就和有些懒先生点外卖一样),然后将$或者JQuery挂载到window上,因为Jquery的所有方法都在$或JQuery上了。这样我就可以放心的使用$('#app'),$.ajax()这些方法和工具,
小扩展:所以说,在我们愉快地使用JQuery的时候,都是$('#demo').css()这样,或者$.ajax()这样,我们也可以myObj.$('#demo').css()这样,myObj.$.ajax(),只需要在自调用外部定义一个myObj,然后挂载到myObj即可