在前端开发中，jQuery 是非常常用的一个库。但是随着 ECMAScript 的发展，越来越多的浏览器原生支持了许多 jQuery 常用的功能。而 oe-like-jquery 是一个通过原生 JavaScript 实现类似 jQuery 的 API 的 npm 包，可以方便地在现代浏览器中进行开发。
安装 oe-like-jquery
你可以通过 npm 来安装 oe-like-jquery npm 包:
--- ------- -------------- ------
使用 oe-like-jquery
安装完 oe-like-jquery 之后，你需要在项目里引入相关的 js 文件或者使用打包工具进行打包。在你的 js 文件中，你可以这样来使用 oe-like-jquery:
------ - - - ---- ----------------- ----- -------- - ---------- --------------------------------
我们来看一个例子，在页面上添加一个新的条目：
------ - - - ---- -----------------
----- ----- - --------------------
----- ------ - ---------------------------------
----- ----- - ----------------
----- ------- - ---------------------
------------------- -- -- -
----- ----- - -------------
-- -------- -
------------- ----- - --------
-------
-
----- ----- - ----------------------
--------------------
---------------
---这段代码创建了一个表单，向列表添加新条目。在这个例子里，我们使用了 $、find、on、text、append 方法，它们与 jQuery 中的方法具有相同的用法和功能。
oe-like-jquery API
oe-like-jquery 的 API 与 jQuery 很相似，所有方法以 $ 作为前缀。我们来看看这个库的主要方法。
选择器
$(selector)
传入选择器，并返回一个 oe-like-jquery 对象，其中包含匹配到的所有元素。
----- ------------ - -------------- ----- --------------- - ----------------- ----- ----------------- - ------- ----- ------------------- - ----------------------
数据
data(key, value)
获取或设置元素上的 data 属性。
------------------------------ ------- ----- ----- - ------------------------------ -- -- -----
样式
addClass(className)
添加 CSS 类名。
-----------------------------------
removeClass(className)
从元素的 class 列表中删除指定的 class。
--------------------------------------
toggleClass(className)
将 class 添加到元素中，如果已存在则删除它。
--------------------------------------
属性
attr(name, value)
获取或设置属性值。
------------------------------- --------- ----- ----- - --------------------------------
事件
on(eventName, callback)
添加事件监听器。
----------------------------- -- -- - ------------- --- ---------- ---
off(eventName, callback)
移除事件监听器。
------------------------------ --------------
Ajax
$.ajax(options)
发送 Ajax 请求。
-------- ------- ------- ---- ----------------- ----- - ----- ------- ---- -- -- ---------------- -- - ---------------------- ---
结论
oe-like-jquery 是一个非常方便的工具，可以在现代浏览器中进行前端开发，并省去了对 jQuery 的依赖。你可以在你的项目里使用 oe-like-jquery，享受与 jQuery 相同的 API 和功能。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f7b238a385564ab6a26