jQuery 中 $ 符號的含義與用法詳解

jQuery 中的 $ 是最核心、最常用的符號，很多初學者對其含義感到困惑。本文通俗易懂地解釋 $ 的本質、作用及常見用法。

$ 的本質

$ 其實就是 jQuery 的別名（alias），是一個函數對象。在引入 jQuery 庫後，全局作用域會註冊這兩個標識符指向同一個函數：

window.jQuery === window.$ // true

它的名字來自 "selector"（選擇器）的首字母，寓意「選取元素」。

核心用法分類

1. 作為選擇器函數

最常見用法，傳入 CSS 選擇器字符串，返回包裝後的 jQuery 對象：

• $('input') —— 選取所有 <input> 元素
• $('#abc') —— 選取 id="abc" 的元素
• $('.cls') —— 選取 class="cls" 的元素

2. 作為工具函數命名空間

掛載靜態方法，如：

• $.ajax() —— 發起 AJAX 請求
• $.each() —— 遍歷數組/對象
• $.extend() —— 合併對象

3. 文檔就緒事件簡寫

$(function() {
  // DOM 加載完成後執行
});

等同於 $(document).ready(function() { ... })。

4. 擴展 jQuery 原型（插件開發）

$.fn.myPlugin = function() {
  // this 指向 jQuery 對象
  return this.each(function() {
    // 處理每個元素
  });
};

避免衝突：$.noConflict()

當頁面引入其他也使用 $ 的庫（如 Prototype）時，可釋放 $ 控制權：

var $j = $.noConflict(); // 之後用 $j 代替 $
$j('#id').hide();

總結

$ 是 jQuery 的入口，既是強大的選擇器引擎，也是工具方法的容器。熟練掌握其各種調用形式，是高效使用 jQuery 的基礎。