jQuery 選擇器 $() 與 jQuery() 的區別與最佳實踐

結論

$() 和 jQuery() 功能完全相同，$ 只是 jQuery 的別名（快捷方式）。

為何存在兩種寫法

• 簡潔性：$('selector') 更短，開發習慣常用。
• 避免衝突：其他庫（如 Prototype, MooTools）也可能佔用 $ 符號。使用 jQuery() 可確保無衝突。
• jQuery.noConflict() 釋放 $ 後，只能用 jQuery()。

推薦做法

// 立即執行函數內部別名，兼顧簡潔與安全
(function($) {
  $(document).ready(function() {
    // 這裡安全使用 $
    $('#id').val();
  });
})(jQuery);

團隊項目中統一規範：內部模塊使用 IIFE 別名，暴露 API 時用 jQuery。