天天看點

jQuery 文法

通過 jQuery,您可以選取(查詢,query) HTML 元素,并對它們執行"操作"(actions)。

jQuery 文法是通過選取 HTML 元素,并對選取的元素執行某些操作。

基礎文法: <b>$(selector).action()</b>

美元符号定義 jQuery

選擇符(selector)"查詢"和"查找" HTML 元素

jQuery 的 action() 執行對元素的操作

執行個體:

$(this).hide() - 隐藏目前元素

$("p").hide() - 隐藏所有 &lt;p&gt; 元素

$("p.test").hide() - 隐藏所有 class="test" 的 &lt;p&gt; 元素

$("#test").hide() - 隐藏 id="test" 的元素

jQuery 文法

<b>你對 CSS 選擇器熟悉嗎?</b>

jQuery 使用的文法是 XPath 與 CSS 選擇器文法的組合。在本教程接下來的章節,您将學習到更多有關選擇器的文法。

您也許已經注意到在我們的執行個體中的所有 jQuery 函數位于一個 document ready 函數中:

$(document).ready(function(){

// 開始寫 jQuery 代碼...

});

這是為了防止文檔在完全加載(就緒)之前運作 jQuery 代碼,即在 DOM 加載完成後才可以對 DOM 進行操作。

如果在文檔沒有完全加載之前就運作函數,操作可能失敗。下面是兩個具體的例子:

試圖隐藏一個不存在的元素

獲得未完全加載的圖像的大小

<b>提示:</b>簡潔寫法(與以上寫法效果相同):

$(function(){

以上兩種方式你可以選擇你喜歡的方式實作文檔就緒後執行 jQuery 方法。