方法 - htmx.removeClass()
htmx.removeClass 是 HTMX 提供的一个辅助函数,用于从一个或多个元素中移除指定的 CSS 类名(class)。它是对原生 DOM classList.remove() 的包装,常在自定义扩展、事件回调或动画控制中使用。
参数
- elt - 要删除类的元素
- class - 要删除的类
或者
- elt - 要删除的元素
- class - 要删除的类
- delay- 删除类前的延迟(以毫秒为单位)
示例代码
<body>
<div id="list">
<p class="item highlight">1</p>
<p class="item highlight">2</p>
<p class="item highlight">3</p>
</div>
</body>
<script>
const item = htmx.find(".item"); // 获取到 P1
htmx.removeClass(item, "highlight");
</script>
也可以延迟删除
<body>
<div id="list">
<p class="item highlight">1</p>
<p class="item highlight">2</p>
<p class="item highlight">3</p>
</div>
</body>
<script>
const item = htmx.find(".item");
htmx.removeClass(item, "highlight",5000); // 延迟5秒删除
</script>