把 HTML 中作为 trigger 的 class name 放到 attribute 里面，会影响效率吗？

[arbipher]

比如有个删除按钮：
<div class='btn btn-danger btn-delete'></div>

其中btn-delete是给jQuery做选择器用的
$('.btn-delete').click (...)

因为class中btn btn-danger是和UI相关的，而btn-delete是和事件处理相关的，
所以我想把名字改成
<div class='btn btn-danger trigger-delete'></div>

此时JS代码为
$('.trigger-delete').click (...)

这样从名字就能一目了然看出，那些是和CSS相关，那些是和JS相关。

我的问题是，如果我把trigger-delete移到attribute里面，改成这样
<div class='btn btn-danger' data-trigger='delete'></div>

此时JS代码为
$('[data-trigger="delete"]').click (...)

这样class只和CSS有关。

这种做法可行吗？会有效率或者别的问题？前端小白弱问。

[bolasblack]

我始终秉持一个观点，在绝大部分开发工作中，可维护性远比效率重要太多了，完全可以牺牲效率还提升可维护性