Maison > interface Web > js tutoriel > Comment utiliser la méthode CSS dans jquery pour rendre le bouton non cliquable

Comment utiliser la méthode CSS dans jquery pour rendre le bouton non cliquable

coldplay.xixi
Libérer: 2022-12-30 11:12:15
original
1742 Les gens l'ont consulté

Comment jquery utilise la méthode CSS pour rendre le bouton non cliquable : utilisez la méthode CSS pour obtenir le style CSS de l'élément, ou définissez le style CSS de l'élément, le code est [$('#btn' ).css('pointeur -events', 'aucun');].

Comment utiliser la méthode CSS dans jquery pour rendre le bouton non cliquable

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1&&css3, ordinateur DELL G3. Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : Tutoriel vidéo jquery

Jquery utilise la méthode CSS pour rendre le bouton non cliquable :

css ( ) : utilisée pour obtenir le style CSS de l'élément, ou définir le style CSS de l'élément.

  • attribut pointer-events : définit ou récupère quand devenir la cible des événements d'attribut.

  • auto : L'effet sur les performances est le même que lorsque l'attribut pointer-events n'est pas spécifié. Identique à la valeur visiblepaint sur le contenu svg

  • aucun : l'élément ne sera jamais la cible d'événements de souris. Cependant, les événements de souris peuvent être dirigés vers des éléments descendants lorsque leur attribut pointer-events spécifie une valeur différente, auquel cas l'événement de souris déclenchera l'écouteur d'événements de l'élément parent au stade de la capture ou du bouillonnement.

Méthode de mise en œuvre :

$('#btn').css('pointer-events', 'none');
Copier après la connexion

Effet :

Comment utiliser la méthode CSS dans jquery pour rendre le bouton non cliquable

Recommandations d'apprentissage gratuites associées : javascript(vidéo)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal