jQuery 鏈式調用深度解析：add() 方法如何構建元素集合

代碼片段

$("#one").add("#two").add("#three").add("#x").css("opacity", 0.7);

執行機制

1. $("#one") 選中 id 為 "one" 的元素，返回 jQuery 對象（集合大小 1）。
2. .add("#two") 將 id 為 "two" 的元素**加入**當前集合，集合大小變為 2。
3. 以此類推，.add("#three")、.add("#x") 依次合並，最終集合包含 4 個元素。
4. .css("opacity", 0.7) 對集合中**每一個**元素設置樣式。

關鍵點

• add() **不改變 DOM 結構**，只是擴展 jQuery 內部的元素數組。
• 選擇器之間**無父子關係要求**，只要符合選擇器即可加入。
• 鏈式調用返回的始終是同一個 jQuery 對象（引用），因此可以繼續調用其他方法。

參考資源

官方文檔：jQuery add() 方法