1. CSS で解決できるのであれば、JS は必要ありません。この問題は hover 疑似クラスで解決できます。
2ですが、コードはクリックイベントです。ちょっと間違っています。まあ、イベントプロキシを書いたので、下位のものを書いて、liが少ない場合はliを直接操作します

クロージャって知っていますか？グローバル変数を汚さずにクロージャを使用するために、最初に記述する方法は、すべての li の色を直接クリアし、現在クリックされている li に色を追加することです。

2番目の書き方では、内部に直接書きました。要素の取得とクロージャのコードを再度外部に書きません。 リーリー

1. CSSを使わないのはなぜですか~

2. mouseenterイベントとmouseoutイベントを使用できます

マウスを上に移動したときに色を変更するには、主にcssを使用する必要があり、疑似class:hoverで実行できます。
クリックすると、2 つのアイデアが表示されます。 1. ul の下のすべての li の色を復元し、e.target を赤に変更します。
2. クリックして前のターゲットを保存し、クリックして前のターゲットの色を復元すると、現在のターゲットが赤になります

マウスを上に移動すると、ホバーイベントを使用して検索できます。

1. xx まで上がって yy まで下がった人は、まず CSS の hover 疑似クラスの使用を検討してください。

デフォルトの属性をクラス名で保存し、変更された属性を別のクラス名で保存します。クリック コールバック中に、
2. デフォルト クラスを削除して変更クラスを追加し、その兄弟要素を走査して変更クラスを見つけます。 、それを見つけたら、変更クラスを削除してデフォルトクラスを追加すると、問題ないはずです~

   $(this)

リーリー リーリー

ホバー(関数(){

},関数(){

})