jQuery 語法
使用 jQuery，您可以選擇 (query) HTML 元素並對它們執行“操作”。
jQuery 語法
jQuery 語法是專門為**選擇** HTML 元素並對這些元素執行**操作**而設計的。
基本語法是： $(selector).action()
- 一個 $ 符號用於定義/訪問 jQuery
- 一個 (selector) 用於“查詢 (或查詢)” HTML 元素
- 一個 jQuery action() 將在選定的元素上執行
示例
$(this).hide() - 隱藏當前元素。
$("p").hide() - 隱藏所有 <p> 元素。
$(".test").hide() - 隱藏所有 class="test" 的元素。
$("#test").hide() - 隱藏 id="test" 的元素。
您熟悉 CSS 選擇器嗎？
jQuery 使用 CSS 語法來選擇元素。您將在本教程的下一章中瞭解更多關於選擇器語法的內容。
提示：如果您不瞭解 CSS，可以閱讀我們的 CSS 教程。
文件就緒事件
您可能已經注意到，我們示例中的所有 jQuery 方法都包含在文件就緒事件中。
$(document).ready(function(){
// jQuery 方法放在這裡...
});
這是為了防止任何 jQuery 程式碼在文件完全載入 (就緒) 之前執行。
在操作文件之前，最好等待文件完全載入並就緒。這也能讓您將 JavaScript 程式碼放在文件的 head 部分，而不是 body 部分。
以下是一些如果您在文件完全載入前執行方法可能導致失敗的操作示例
- 嘗試隱藏一個尚未建立的元素
- 嘗試獲取一個尚未載入的影像的大小
提示：jQuery 團隊還為文件就緒事件建立了一個更簡潔的方法
$(function(){
// jQuery 方法放在這裡...
});
使用您喜歡的語法。我們認為文件就緒事件在閱讀程式碼時更容易理解。
