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.