jQuery：jQuery簡介
1.jQuery介紹
jQuery由美國人John Resig（約翰·萊西格）於2006年建立
jQuery是目前最流行的JavaScript程式庫，它是對JavaScript物件和函式的封裝
它的設計思想是write less,do more
實現隔行變色效果，JavaScript要迴圈加判斷，而jQuery只需一句關鍵程式碼
$("tr:even").css("background-color","#ccc");
2.jQuery能做什麼?
訪問和操作DOM元素
控制頁面樣式
對頁面事件進行處理
擴充套件新的jQuery外掛
與Ajax技術完美結合
jQuery能做的JavaScript也都能做，但使用jQuery能大幅提高開發效率
其實，jQuery和JavaScript的之間關係，可以理解為“成語”和“白話文”之間的關係。成語是對白話文的高 度壓縮，而jQuery也是對JavaScript的高度壓縮庫
3.jQuery的優勢
體積小，壓縮後只有100KB左右
強大的選擇器
出色的DOM封裝
可靠的事件處理機制
出色的瀏覽器相容性
4.jQuery下載
進入jQuery官網：http://jQuery.com
我們使用壓縮版就可以。體積更小，內容已經通過演算法進行壓縮， 不會浪費資源空間！
而開發版就針對修改jQuery原始碼的專業前端開發者的。
5.jQuery的使用
jQuery作為一個單獨存在的js檔案，並不會與其他的js檔案發生衝突
在頁面中使用傳統引入js檔案的方式引入即可
<script src="js/jquery-3.4.1.min.js"></script>
6.jQuery的基本語法
<script> $(selector).action(); </script>
說明：
工廠函式 $() ：將DOM物件轉化為jQuery物件
選擇器 selector：獲取需要操作的DOM 元素（沒錯，用法基本上和css一致 ）
方法action()：jQuery中提供的方法，其中包括繫結事件處理的方法“$”等同於“ jQuery”
例如：
<body> <p>hello</p> </body> <script src="js/jquery-3.4.1.min.js"></script> <script> alert( $("p").text() ); </script>
7.jQuery物件與DOM物件
DOM物件和jQuery物件分別擁有一套獨立的方法，不能混用
$("#title").html();
// 等同於
document.getELementById("title").innerHTML;
想混用，要轉換
DOM物件轉jQuery物件
var a = document.getElementById("name"); // a是DOM物件
var b = $(a); // b是jQuery物件
jQuery物件轉DOM物件
var a = $("#name"); // a是jQuery物件
var b = jqObject.get(0); // b是DOM物件