一、JQuery簡介
1、JQuery
JQuery是一個JavaScript庫，它通過處理JavaScript編程的諸多細節，使編程更爲簡單。JQuery提供了一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、CSS設計和Ajax交互。
2、JQuery優點
- 提供了可靠而富有效率的選擇器，可以準確檢測和操縱文檔元素。
- 不受限於瀏覽器的兼容性，提供了跨瀏覽器的標準解決方案。
- 使DOM操作規範化
- 提供了豐富的頁面事件
二、JQuery安裝使用
1、下載JQuery
JQuery有兩個版本可供下載：
- Production version - 用於實際的網站中，已被精簡和壓縮。
- Development version - 用於測試和開發（未壓縮，是可讀的代碼）
下載鏈接：https://jquery.com/download/
打開該鏈接，右鍵單擊另存爲js文件。
2、使用JQuery
使用JQuery時，只需要把下載的庫文件放到站點中，然後導入到頁面中即可。
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style type="text/css">
</style>
<link type="text/css" rel="stylesheet" href="style.css">
<script src="jquery/jquery-3.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(
function(){
alert("測試JQuery成功");
}
)
</script>
</head>
<body>
<input id="btn" type="button" value="按鈕" data="test"/>
</body>
$是jquery的別名，等效jQuery()，所有jQuery操作必須從該函數切入，jQuery()相當於頁面初始化事件處理函數，當頁面加載完成後，會執行jQuery()函數裏的函數。
jQuery操作DOM文檔時，必須確保在DOM載入完畢後開始執行，使用ready事件作爲處理HTML文檔的開始。