1.1常見的JavaScript庫

· jQuery
· Prototype
· YUI
· Dojo
· Ext JS
· 移動端的zepto

這些庫都是對原生JavaScript的封裝，內部都是用JavaScript實現的

2.jQuery 下載

官網：http://jquery.com

版本：

· 1x：相容IE678 等低版本瀏覽器，官網不再更新
· 2x：不相容IE678等低版本瀏覽器，官網不再更新
· 3x：不相容IE678等低版本瀏覽器，官網主要更新維護版本

2.1 jQuery的入口函式

//等著頁面DOM載入完畢再去執行js程式碼
            $(function(){
                $('div').hide();
            })

（1）等著DOM結構渲染完畢即可執行內部程式碼，不必等到所有外部資源載入完成，jQuery幫我們完成了封裝

（2）相當於原生js中的DOMContentLoaded。
（3）不同於原生js中的load事件是等頁面文件、外部js檔案、css檔案、圖片載入完畢才執行內部程式碼

2.4 jQuery 的頂級物件$

(1) $ 是jQuery的別稱，在程式碼中可以使用jQuery代替$
(2) $是jQuery 的頂級物件，相當於原生JavaScript中的window。把元素利用$包裝成jQuery物件，就可以呼叫jQuery的方法

2.5 jQuery物件和DOM物件

 //① DOM物件：用原生js獲取過來的物件就是DOM物件
 var myDiv = document.querySelector('div');
 //② jQuery物件：用jQuery方式獲取過來的物件是jQuery物件。本質：通過$把DOM元素進行了包裝
 $('div');
 //③ jQuery物件只能使用jQuery方法，DOM物件則使用原生的JavaScript屬性和方法
 myDiv.style.display = 'none';
 $('div').hide();                

DOM物件與jQuery物件之間是可以相互轉換的。

<script type="text/javascript">
            //1.DOM物件轉換為jQuery物件
            //(1)直接獲取視訊，得到就是jQuery物件
            $('video');
            //(2)已經使用原生js獲取過來DOM物件
            var myvideo = document.querySelector('video');
            $('myvideo');
            //2.jQuery物件轉換為DOM物件
            myvideo.play();
            $('video')[0].play();
            $('video').get[0].play();
        </script>