ちょっと主観的な問題だと思います。アクション要素があり、バインディングイベントのコードでそれを参照したいので、そのようなことを宣言する方法を選択しようとしています:
1) 最初のオプションは、宣言と使用がよりシンプルで簡単です。
<a class="play">Play</a>
('#menu .play').bind('click',...)
2) ただし、2 番目のオプションは属性の目的を明示的に示します
<a data-action="play">Play</a>
('#menu [data-action="play"]').bind('click',...)
どちらを選択すればよいですか (セレクターは CSS では使用せず、JS コードでのみ使用します)。