简介
blad 是一个可用于前端开发的 npm 包，它提供了一些实用的函数，让开发者们更加便捷地管理 DOM 元素，处理事件等等。
安装
你可以使用 npm 命令进行安装：
--- ------- ----
使用
blad 的主要文件是 blad.js，你可以在你的 JavaScript 代码中通过引入来使用该文件。
------ - -- --- ---- --------- ----------- - ---- ------- --- -- - ------------------- ------ -------- -- -- - ------------ ----------- --- ------- -------- -- -- - --------------- ----------- ---
API
以下是 blad 提供的一些实用函数的使用方法：
$ (selector: string | HTMLElement, context?: HTMLElement | Document) => HTMLElement
作用：获取 DOM 元素。
selector：选择器，可以是字符串或 HTMLElement。context：上下文元素，若省略则默认为document。
on (el: HTMLElement, event: string, handler: Function)
作用：添加事件监听器。
el：要添加监听器的 DOM 元素。event：事件类型，比如click。handler：监听器函数。
off (el: HTMLElement, event: string, handler: Function)
作用：移除事件监听器。
el：要移除监听器的 DOM 元素。event：事件类型，比如click。handler：监听器函数。
addClass (el: HTMLElement, className: string)
作用：添加类名。
el：要添加类名的 DOM 元素。className：要添加的类名。
removeClass (el: HTMLElement, className: string)
作用：移除类名。
el：要移除类名的 DOM 元素。className：要移除的类名。
示例
下面通过一个简单的示例来展示 blad 的使用方法。
--------- -----
------
------
----- ----------------
----------- ----------
-------
------
--- ------------------- -----------
------- --------------
------ - -- --- ---- --------- ----------- - ---- ------------------------------
--- -- - --------------
------ -------- -- -- -
------------ -----------
---
------- -------- -- -- -
--------------- -----------
---
---------
-------
-------上面的示例中，通过使用 blad 提供的函数，我们实现了对 h1 标签的点击事件监听以及添加和移除类名的操作。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/78248