javascript - Boolean data-* 属性

Question

data-*属性をブール属性として使用できますか? そうでない場合、代替手段はありますか？

たとえば、次のことができます。

<input disabled>

あると便利な場合もある

<input data-on>

data-on="true"orの使用data-on=""は望ましくありません。属性の存在は、そのブール値を示す必要があります。

Answer 1

はい、data-*少なくとも DOM とブラウザ セレクタ エンジンに関する限り、属性はブール属性として機能できます: http://jsfiddle.net/MhJNb/

互換性をテストしていませんが、Chrome にdiv[data-on]ルールを適用しても問題はありません<div data-on></div>。