Explication détaillée du conflit entre les événements de survol et de clic dans jQuery (image)

Lentement, j'ai réalisé que j'avais écrit beaucoup de notes. Je parcourais la page Web aujourd'hui et je me suis demandé si je devais la publier sur mon blog pour la partager avec tout le monde. expert, il y a encore quelques petites choses. Mon expérience ~ J'espère la partager avec tout le monde, c'est drôle !

Nous avons un li qui a maintenant besoin d'un clic pour changer et d'un autre pour rester Vous pouvez survoler

Le produit changera de couleur après avoir été cliqué, et le commerçant peut toujours survoler.

La méthode indésirable est :

(1) JQ a ajouté Click événement pour changer son css() Cette méthode n'est pas disponible, car la modification de background-color via javascript écrasera toutes les propriétés background-color définies en CSS, y compris bien sûr la background- under hover color. attribut, donc lors de l'écriture d'un événement de clic, l'événement de survol sera invalide.

(2) Si JQ utilise la méthode addClass(), cela impliquera des problèmes prioritaires.

(3) Il n'est toujours pas possible d'utiliser le hover() de JQ dans js.

La méthode préférée est :

(1) Vous pouvez écrire deux CSS dans feuille de style avancée et un style de survol

puis écrivez-le en JS. Cette fois, nous utilisons attr() dans. JQ directement Si les noms de classe des deux li sont modifiés, cela n'impliquera pas une série d'autres problèmes.

(2) Vous pouvez également ajouter !important; Par exemple :

　:survol{ couleur : #FF6C00 !important;}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!