方法 - 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