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