Classes JS-CSS

Digamos que eu tenha um botão:

<a class='button'>Buy Now!</a>

Então você escreve algum CSS para .button e tudo fica bonito. Você
anexa algum Javascript para rastreamento analítico ou qualquer outra coisa e os tempos são bons.

Então você deseja testar a AB alguns estilos no botão. Todo o seu JS é construído com $ (‘a.button’), mas agora você tem o botão .new com os novos estilos CSS. Não tem problema, você pode simplesmente ERB aquele JS!

<% if ab_testing(current_user.id) %>
var button = $('a.new-button');

<% else %>
var button = $('a.button');

<% end %>

Isso é muito WTF. Então, em vez disso, que tal:

<a class='button js-buy-button'>Buy Now!</a>

tl; dr Prefixe suas classes de seletor de Javascript e não as misture com seus estilos.