最近在學習jQuery扼倘，會在這里持續(xù)更新學習筆記遇绞，希望能夠對陌生的你有所幫助嗓奢！ 筆記會盡可能的簡潔和通俗易懂讼撒，喜歡的話記得點贊喔 ~
一、什么是jQuery股耽？
jQuery是一個JavaScript函數(shù)庫椿肩，它極大簡化了JavaScript語法，讓Web開發(fā)中的HTML文檔遍歷豺谈、事件處理、動畫和Ajax交互等操作變得更加簡單贡这。它的宗旨是Write less, do more茬末。
需要注意的是，在學習jQuery之前盖矫，你應該對HTML丽惭、 CSS、 JavaScript和Document Object Model (DOM) 的基礎知識有一定的了解辈双。
二责掏、如何引用jQuery庫？
引用jQuery有兩種方法：
- 本地安裝
- 基于CDN引用
1. 本地安裝
首先湃望，在Github jQuery上下載最新的jQuery版本换衬，并解壓。在這里我們選擇3.3.1版本证芭。
然后瞳浦，在解壓文件的dist目錄下找到jquery.js文件，把它的路徑放到<script>的src屬性中废士。例如：
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript" src = "/jquery-3.3.1/dist/jquery.min.js"></script>
</head>
<body>
<h1>Hello</h1>
<script type = "text/javascript">
$(document).ready(function() {
document.write("Hello, World!");
});
</script>
</body>
</html>
2. 基于CDN引用
如果你不想在自己的計算機上存放 jQuery 庫叫潦，那么可以從 Google 或 Microsoft 加載 CDN jQuery 核心文件。只需把<script>中的路徑改為相應資源的URL即可官硝。這些URL都可以從jQuery Download中找到矗蕊。
例如：
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
三、如何調(diào)用jQuery函數(shù)氢架？
所有的 jQuery 事件和函數(shù)都應該置于ready事件中傻咖，因為$(document).ready()定義了當 DOM（文檔對象模型） 已經(jīng)加載，并且頁面（包括圖像）已經(jīng)完全呈現(xiàn)時达箍，會發(fā)生 ready 事件没龙。
語法：
$(document).ready(function() {
// jQuery 事件和函數(shù)
});
舉例：
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript" src = "jquery-3.3.1/dist/jquery.min.js"></script>
</head>
<body>
<div id = "mydiv">
點擊查看彈出框
</div>
<script type = "text/javascript">
$(document).ready(function() {
$("div").click(function() {alert("Hello, world!");});
});
</script>
</body>
</html>
