jQuery語法

知否發表於2021-10-09

本節我們學習 jQuery 的語法,通過 jQuery,我們可以選取 HTML 元素並對它們執行操作。

jQuery語法

jQuery 語法是為選取 HTML 元素和對元素執行某些操作而定製的。

基本語法格式:

$(selector).action()
  • 首先是美元符號 $,是 jQuery 的別名,表示 jQuery 物件。
  • selector 是一個選擇符,用於查詢 HTML 元素。
  • action() 表示要對元素執行的 jQuery 操作。
示例:

例如我們來看幾個例子:

$(this).hide()     // 隱藏當前元素
$("span").hide()   // 隱藏所有<span>元素
$(".xkd").hide()   // 隱藏class="xkd"的所有元素
$("#xkd").hide()   // 隱藏id="xkd"的所有元素

文件就緒函式

為了防止文件在沒有完全載入之前就執行 jQuery 程式碼,我們需要一個文件就緒函式:

$(document).ready(function() {
    // jquery程式碼
});

新增這個函式後,就只能在 DOM 載入完成後才可以對 DOM 進行操作。

如果在文件沒有完全載入之前執行函式,可能會失敗操作,例如:

  • 試圖隱藏一個不存在的元素。
  • 嘗試獲取尚未載入的影像大小

上面的函式還有一個簡潔的寫法:

$(function() {
    // jquery程式碼
});

這兩種寫法的效果都是一樣的,但是簡寫看起來更方便一些。、

連結:https://www.9xkd.com/