jQuery的基礎
jQuery架構的概念：jQuery架構是在JavaScript的基礎上，将常用操作進行封裝，使頁面特效實作更加容易、快速。
一、jQuery的概念
jQuery是一個JavaScript函數庫。另外，jQuery也是一個輕量級“寫得少，做得多”的JavaScript庫。其實，這就跟Java中的那個API很相似。
jQuery庫包含以下功能：
- HTML元素選取；
- HTML元素操作；
- CSS操作；
- HTML事件函數；
- JavaScript特效和動畫；
- HTML DOM周遊和修改；
- AJAX；
- Utilities；
- jQuery還提供了大量的插件。
二、jQuery優勢
jQuery強調的理念是“寫得少，做得多”。jQuery獨特的選擇器、鍊式操作、事件處理機制和封裝完善的AJAX都是其他JavaScript庫做不到的。概括起來，jQuery具有以下的優勢：
- 輕量級：jQuery非常輕巧，采用UglifyJS壓縮後，大小保持在30KB左右；
- 強大的選擇器：jQuery允許開發者使用CSS1至CSS3幾乎所有的選擇器，以及jQuery獨創的進階而複雜的選擇器；
- 出色的DOM操作的封裝：jQuery封裝了大量常用的DOM操作，使開發者在編寫DOM操作相關程式時能夠得心應手。jQuery可以輕松地完成各種原本非常複雜的操作，使其更容易編寫程式；
- 可靠的事件處理機制：jQuery的事件處理機制吸引了JavaScript專家編寫的事件處理函數的精華，使jQuery在處理事件綁定時相關可靠；
- 完善的AJAX：jQuery将所有的AJAX操作封裝到函數$.ajax( )中，使開發者處理AJAX時能夠專心處理業務邏輯而無須關心浏覽器的相容性及XMLHttpRequest對象的建立和使用問題；
- 豐富的插件支援：jQuery的易擴充性，吸引來自全球的開發者編寫jQuery的擴充插件；
- 完善的文檔：無論是英文還是中文，jQuery的文檔都非常豐富；
- 開源：jQuery是一個開源的産品，也就是說，它是任何人都可以使用的。
補充：配置jQuery
當了解完jQuery後，我們要使用jQuery的第一步就是學會如何配置jQuery（重點）。
- 首先要到官網上下載下傳jQuery庫檔案（注：有兩個版本——未壓縮版和壓縮版）；
- 然後jQuery庫引入到所要編寫jQuery項目的檔案中，形成jQuery.js檔案；
- 最後要在html中引入jQuery的格式為：；
以下是驗證jQuery是否引入成功的代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>驗證jQuery的測試（是否引入成功）</title>
<script src = "../jQuery.js"></script>
<style>
div{
width: 200px;
height: 300px;
background: red;
}
</style>
</head>
<body>
<!--通過測試可以得出：
入口函數的用法：
jQuery的入口函數是在HTML所有标簽（DOM）都加載之後再執行的
-->
<script>
$(document).ready(function () {
$('div').hide();
}) //hide方法的作用是：隐藏
$(document).ready(function () { //等待DOM元素加載完畢
alert("成功引入jQuery"); //彈框
});
//注釋：這段代碼的作用類似于傳統JavaScript中的windows.onload方法，這時為了防止文檔在完全加載（就緒）之前運作jQuery代碼，
//即在DOM加載完成之後才可以對DOM進行操作。如果在文檔之前沒有完全加載之前就運作函數，操作可能會失敗。
</script>
<div></div>
</body>
</html>
解釋：在沒有使用jQuery時，頁面顯示的結果為一個紅色的邊框。當使用jQuery時，調用了hide方法将div給隐藏起來了，而調用alert方法将顯示彈框（彈框内容為成功引入jQuery）。
三、jQuery文法（重點）
jQuery文法通過選取HTML元素，并對選取的元素執行某些操作。
jQuery的基礎文法如下：
$(selector).action( )
- 美元符号定義jQuery；
- 選擇符（selector）“查詢”和“查找”HTML元素；
- jQuery action( )執行對元素的操作。
執行個體如下：
- $(this).hide( )：隐藏目前元素；
$(“p”).hide( )：隐藏所有
元素；
$(“p.test”).hide( )：隐藏所有class = "test"的
元素；
- $("#test").hide( )：隐藏所有id = "test"的元素。
jQuery的入口函數與JavaScript的入口函數：（重點）
jQuery入口函數如下：
$(document).ready(function (){
//執行代碼
})
或者
$(function(){
//執行代碼
})
JavaScript入口函數如下：
window.onload = function(){
//執行代碼
}
jQuery入口函數與JavaScript入口函數的全部如下：
- jQuery的入口函數是在HTML所有标簽（DOM）都加載之後再執行；
- JavaScript的window.onload事件是等所有内容（包括外部圖檔之類的檔案）加載完之後才會執行的；
- jQuery入口函數可以書寫多個，而對于JavaScript入口函數不能寫多個（因為，當JavaScript每寫一個入口函數就會把前一個入口函數覆寫掉）；
- 執行時機不同：jQuery入口函數要快于window.onload；
- jQuery入口函數要等待頁面上DOM樹加載完畢後執行。
四、總結
對于jQuery的基礎學習，我們需要掌握以下的内容：
- 什麼是jQuery？——jQuery是一個JavaScript函數庫，它是在JavaScript的基礎上，将常用操作進行封裝，使頁面特性實作更加簡便。快速；
- jQuery的優勢——對于這一知識點，我們隻需要了解即可；
- jQuery的文法是一個非常重要的知識點——這個是必須要掌握的（如果沒有掌握，會對後期的學習産生困難）（重點）；
- 最後就是jQuery入口函數與JavaScript入口函數的差別和其寫法**（重點）**。
![JavaScript自學筆記【4】函數的聲明與調用目錄二、函數的聲明 三、函數的調用[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)