Esiste una best practice per nominare i selettori di classe solo per l'identificazione?
Ad esempio, per definire un singolo campo quantità con pulsante azione, finiamo per creare diversi contenitori div e div elementi tra altri elementi.
<div class="form-group debit-amount">
<label class="control-label">Debit amount/label>
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-default act-convert" type="button">Apply</button>
</span>
</div>
</div>
Ora, voglio aggiungere un selettore css, che è puramente per identificare il clic sul pulsante di azione.
//Using a new class only to identify
$myform.find('.debit-amount .act-convert').on('click', doConvert);
//Using the style class itself
$myform.find('.debit-amount .btn-default').on('click', doConvert);
Esiste una convenzione di denominazione in modo tale che queste classi di identificazione non siano confuse con le classi di stile?