Comment puis-je accéder aux valeurs de pourcentage CSS à l'aide de jQuery ?

Accès à la valeur de pourcentage CSS avec jQuery

Dans les scénarios où vous avez des règles CSS définies avec des valeurs de pourcentage, il est souvent utile de récupérer ces valeurs dynamiquement en utilisant JavaScript. jQuery fournit un moyen pratique d'accéder à ces valeurs via la propriété de style des éléments DOM.

Considérez une règle CSS comme celle-ci :

.largeField {
    width: 65%;
}

Pour récupérer la valeur « 65 % » à l'aide de jQuery, vous pouvez utiliser l'approche suivante :

console.log($('.largeField')[0].style.width); // "65%"

Cette approche repose sur l'accès direct à la propriété de style du premier élément correspondant dans l'objet jQuery. En utilisant cette méthode, vous pouvez obtenir la valeur en pourcentage sous forme de chaîne.

Remarque : Vous pouvez également accéder à la valeur en pourcentage de la règle CSS à l'aide de méthodes DOM, telles que getComputedStyle(). largeur. Cependant, pour les scénarios avec des feuilles de style importées, cette approche peut conduire à des résultats imprévisibles.

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!