jQuery是John Resig在2006年創建的一個快速而簡潔的JavaScript庫，它有一個很好的座右銘：少寫，多做。jQuery簡化了HTML文檔遍歷、事件處理、動畫製作和Ajax交互以實現快速web開發。jQuery是一個JavaScript工具包，旨在通過編寫更少的代碼來簡化各種任務。以下是jQuery&minus支持的重要核心特性列表;
通過使用名爲Sizzle的跨瀏覽器開源選擇器引擎，jQuery可以輕鬆地選擇DOM元素、協商它們並修改它們的內容。
事件處理−jQuery提供了一種優雅的方式來捕獲各種各樣的事件，例如用戶單擊連結，而無需使用事件處理程序來擾亂HTML代碼本身。
AJAX支持−jQuery幫助您使用AJAX技術開發一個響應迅速、功能豐富的站點。
動畫−jQuery提供了大量內置動畫效果，您可以在網站中使用這些效果。
輕量級jQuery是一個非常輕量級的庫，大小約爲19KB（Minified和gzip）。
跨瀏覽器支持−jQuery具有跨瀏覽器支持，在IE 6.0+、FF 2.0+、Safari 3.0+、Chrome和Opera 9.0中運行良好+
最新技術jQuery支持CSS3選擇器和基本XPath語法。
How to use jQuery?
使用jQuery有兩種方法。
本地安裝−您可以在本地計算機上下載jQuery庫並將其包含在HTML代碼中。
基於CDN的版本−您可以直接從內容交付網絡（CDN）將jQuery庫包含到HTML代碼中。
Local Installation
轉到https://jquery.com/download/>https://jquery.com/download/下載可用的最新版本。
現在將下載的jquery-2.1.3.min.js文件放到您網站的目錄中，例如/jquery。
Example
現在您可以在HTML文件中包含jquery庫，如下所示−
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript" src = "/jquery/jquery-2.1.3.min.js">
</script>
<script type = "text/javascript">
$(document).ready(function() {
document.write("Hello, World!");
});
</script>
</head>
<body>
<h1>Hello</h1>
</body>
</html>
這將產生以下結果&負;
CDN Based Version
您可以直接從內容交付網絡（CDN）將jQuery庫包含到HTML代碼中。谷歌和微軟提供最新版本的內容交付。
We are using Google CDN version of the library throughout this tutorial.
Example
現在讓我們使用Google CDN中的jQuery庫重寫上面的示例。
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript">
$(document).ready(function() {
document.write("Hello, World!");
});
</script>
</head>
<body>
<h1>Hello</h1>
</body>
</html>
這將產生以下結果&負;
How to Call a jQuery Library Functions?
與幾乎所有的事情一樣，當使用jQuery讀取或操作文檔對象模型（DOM）時，我們需要確保在DOM準備好後立即開始添加事件等。
如果你想讓一個事件在你的頁面上工作，你應該在$（document）.ready（）函數中調用它。在加載DOM和頁面內容之前，它裡面的所有內容都將加載。
爲此，我們爲文檔註冊了一個ready事件，如下所示;
$(document).ready(function() {
// do stuff when DOM is ready
});
要調用任何jQuery庫函數，請使用如下所示的HTML腳本標記−
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("div").click(function() {alert("Hello, world!");});
});
</script>
</head>
<body>
<div id = "mydiv">
Click on this to see a dialogue box.
</div>
</body>
</html>
這將產生以下結果&負;
How to Use Custom Scripts?
最好在自定義JavaScript文件中編寫自定義代碼：custom.js，如下所示−
/* Filename: custom.js */
$(document).ready(function() {
$("div").click(function() {
alert("Hello, world!");
});
});
現在我們可以在HTML文件中包含custom.js文件，如下所示−
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript" src = "/jquery/custom.js">
</script>
</head>
<body>
<div id = "mydiv">
Click on this to see a dialogue box.
</div>
</body>
</html>
這將產生以下結果&負;
Using Multiple Libraries
您可以同時使用多個庫，而不互相衝突。例如，可以同時使用jQuery和MooTool javascript庫。您可以查看jquery noconflict方法以了解更多詳細信息。
What is Next ?
如果你不理解以上的例子，不要太擔心。你很快就會在後面的章節中掌握它們。
下一章將嘗試介紹一些來自傳統JavaScript的基本概念。