方法 - htmx.addClass()
htmx.addClass() 是 HTMX 提供的一个辅助方法,用于向一个或多个元素添加 CSS 类名,是对原生 classList.add() 的封装,特别适合在扩展、事件回调或动态 DOM 操作中使用。
参数
- elt - 要添加类的元素
- class - 要添加的类
或者
- elt - 要添加类的元素
- class - 要添加的类
- delay - 添加类前的延迟(以毫秒为单位)
语法
// add the class 'myClass' to the element with the id 'demo'
// 等价于 document.getElementByID("#demo").classList.add("myClass");
htmx.addClass(htmx.find('#demo'), 'myClass');
// add the class 'myClass' to the element with the id 'demo' after 1 second
htmx.addClass(htmx.find('#demo'), 'myClass', 1000);
常见用途
使用场景 | 示例 |
---|---|
HTMX 请求完成后高亮元素 | 在 htmx:afterSwap 中添加类名 |
扩展中动态添加样式控制类 | 在扩展的 onEvent 方法中使用 |
表单验证错误样式标记 | 给 .form-group 添加 .error 类 |