メソッドでデータ属性値を変更しようとすると、data()
メソッドと同じ結果が得られませんattr(data-key, data-value)
。
たとえばdata-hovered=true
、要素の状態を保存するために使用しています。element[data-hovered=true]
セレクターにcss スタイルを設定している場合、data()
メソッドを使用して値true
を代入しdata-hovered
ても効果はありません。これを使用するだけattr()
で効果があります。
では、これら 2 つの方法の違いは何でしょうか。