jQuery `$("

").text("Text.")` 解析：創建元素而非選取

困惑點

習慣 `$("selector")` 選取現有元素，見到 `$("

真相

jQuery `$()` 函數**多態**：

• 參數為**選擇器字串**（如 `"div"`、`"#id"`）→ **選取**現有 DOM。
• 參數為**HTML 字串**（如 `"
  "`、`"
  "`）→ **創建**新 DOM 元素（在記憶體中）。
• 參數為 **DOM 物件** → 包裝為 jQuery 物件。

示例流程

var txt2 = $("
").text("Text."); // 1. 創建 
  2. 設定文字  3. 返回 jQuery 物件
$("body").append(txt2); // 必須加入文檔樹才會顯示

對比：

• `var txt1 = "

  Text.

  ";` — 純字串，`append` 時由瀏覽器解析。
• `var txt3 = document.createElement("p"); txt3.innerHTML="Text.";` — 原生 DOM 創建。

三種方式最終效果相同，jQuery 寫法鏈式調用更優雅。