jQuery 語法

2021-12-14 13:47 更新

通過 jQuery,您可以選?。ú樵?,query) HTML 元素,并對它們執(zhí)行"操作"(actions)。


jQuery 語法

jQuery 語法是通過選取 HTML 元素,并對選取的元素執(zhí)行某些操作。

基礎(chǔ)語法: $(selector).action()

  • 美元符號定義 jQuery
  • 選擇符(selector)"查詢"和"查找" HTML 元素
  • jQuery 的 action() 執(zhí)行對元素的操作

實(shí)例:

$(this).hide() - 隱藏當(dāng)前元素

$("p").hide() - 隱藏所有段落

$("p .test").hide() - 隱藏所有 class="test" 的段落

$("#test").hide() - 隱藏所有 id="test" 的元素

lamp 你對 CSS 選擇器熟悉嗎?

jQuery 使用的語法是 XPathCSS 選擇器語法的組合。在本教程接下來的章節(jié),您將學(xué)習(xí)到更多有關(guān)選擇器的語法。


文檔就緒事件

您也許已經(jīng)注意到在我們的實(shí)例中的所有 jQuery 函數(shù)位于一個(gè) document ready 函數(shù)中:

$(document).ready(function(){

   // 開始寫 jQuery 代碼...

});

這是為了防止文檔在完全加載(就緒)之前運(yùn)行 jQuery 代碼。

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

  • 試圖隱藏一個(gè)不存在的元素
  • 獲得未完全加載的圖像的大小

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

$(function(){

   // 開始寫 jQuery 代碼...

});

以上兩種方式你可以選擇你喜歡的方式實(shí)現(xiàn)文檔就緒后執(zhí)行jQuery方法。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號