簡易的 jQuery CSS Selector 替代寫法

在 DK 的 Blog  看到此技巧:簡易的 jQuery CSS Selector 替代品

jQuery 的寫法 $(...) 簡短也好記,JavaScript 原生想要用類似的寫法,只需要一行即可達成。

const $ = document.querySelector.bind(document);

註:上述方式並非 fluent interface,無法像 jQuery 持續串接下去

範例

const $ = document.querySelector.bind(document);
$('ul').style.color = "red";

取自

好站: jQuery 對應 純JavaScript 的程式碼

IE9 後,JavaScript 在各個新版瀏覽器的語法差距越來越小,語法也簡化了不少,可以考慮慢慢移除 jQuery 的支持了,而且整個速度會快很多。

這個網站把 jQuery 的 function 列出來,並且跟 純JavaScript 程式碼做對照,直接複製貼上就可以轉換。

好書: 一行一行說明 jQuery Source Code

這個算是線上文件, 又該說是線上電子書~ 總之, 就是好書一本~

想要看懂 jQuery 的 Source code, 此網頁有一行一行對照的說明, 會比較好理解、入門.