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：

1. 本地加载;

 production 压缩版本，字符量尽可能少，加载速度尽可能快;

 development 开发版本，尽可能清晰的展示代码，带有注释可以二次开发;

2. 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);