JQuery

JQuery为什么经典？

1. DOM操作工具 2. AJAX 工具; 3. 事件处理 4. 工具 ( Deferred => Promies 的前辈 , Callbacks …)5. 动画;6.jQuery完全不用考虑兼容问题;7.作者非常顾及开发人员对工具使用的成本：写的更少，做的更多。
   学习方法： jQuery 其实和学习各种框架几乎一致：
   1. 熟读文档，记录基本功能;
   2. 根据jQuery使用习惯重构页面功能;
   3. 根据jQuery优化需求，进行页面优化;
   学习jQuery 必备的网站 : jQuery.com;
   jQuery环境搭建
   1.加载jQuery：
2. 本地加载;
   production 压缩版本，字符量尽可能少，加载速度尽可能快;
   development 开发版本，尽可能清晰的展示代码，带有注释可以二次开发;
3. CDN加载：
   CDN 付费服务器;
   CDN 免费服务器; bootcdn; https://www.bootcdn.cn/;
   编写jQuery代码
   提供了一个API jQuery;
   都是围绕着 jQuery 展开的;
   1. 构造函数里面的方法 : 都是工具类的,纯函数 ;
      function Foo(){} Foo.a = function(){}
   2. 原型对象里面的方法 : 给实例对象用的, jQuery的实例对象就是jQuery要操作的DOM的容器;
      Foo.prototype.b = function(){}
      使用jQuery选择一个元素 :
      jQuery(“任意css3选择器”);
      jQuery => 替换一个事件 window.onload ;
      ready 是jquery的一个自创事件，会在页面之中文档加载结束之后触发;

jQuery(document).ready(function(){
console.log(“hello world 页面文档加载结束”);
});
write less do more;
jQuery 提供了非常多的简写方案;
1. 命名简写; $
因为 $ 命名有非常的库在使用,我们不能为所欲为的使用 $;
2. 重新命名jQuery;

var $$=jQuery;$$(document).ready(function(){
console.log(“hello world 页面文档加载结束”);
});
3. 把jQuery放进函数之中;

(function($){
$(document).ready(function(){
console.log(“hello world 页面文档加载结束”);
});
})(jQuery);