通過 jQuery,您可以選取(查詢,query) HTML 元素,并對它們執行"操作"(actions)。
jQuery 文法是通過選取 HTML 元素,并對選取的元素執行某些操作。
基礎文法: <b>$(selector).action()</b>
美元符号定義 jQuery
選擇符(selector)"查詢"和"查找" HTML 元素
jQuery 的 action() 執行對元素的操作
執行個體:
$(this).hide() - 隐藏目前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏 id="test" 的元素
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiInBnauAXbhx2LcNXZnFWbp9CXt92YuI2bv5Wdy5yd3d3Lc9CX6MHc0RHaiojIsJye.jpg)
<b>你對 CSS 選擇器熟悉嗎?</b>
jQuery 使用的文法是 XPath 與 CSS 選擇器文法的組合。在本教程接下來的章節,您将學習到更多有關選擇器的文法。
您也許已經注意到在我們的執行個體中的所有 jQuery 函數位于一個 document ready 函數中:
$(document).ready(function(){
// 開始寫 jQuery 代碼...
});
這是為了防止文檔在完全加載(就緒)之前運作 jQuery 代碼,即在 DOM 加載完成後才可以對 DOM 進行操作。
如果在文檔沒有完全加載之前就運作函數,操作可能失敗。下面是兩個具體的例子:
試圖隐藏一個不存在的元素
獲得未完全加載的圖像的大小
<b>提示:</b>簡潔寫法(與以上寫法效果相同):
$(function(){
以上兩種方式你可以選擇你喜歡的方式實作文檔就緒後執行 jQuery 方法。