Comment puis-je récupérer les valeurs de pourcentage CSS à l'aide de jQuery ?

Récupération des valeurs de pourcentage CSS dans jQuery

Considérez la règle CSS suivante :

.largeField {
    width: 65%;
}

Existe-t-il un moyen de extraire par programme la valeur en pourcentage, plutôt que la valeur de pixel calculée ?

Accès direct au style de l'élément

Une approche simple consiste à accéder directement à la propriété de style de l'élément :

$('.largeField')[0].style.width

// Returns "65%"

Cette méthode suppose que vous avez une référence à l'élément que vous souhaitez inspecter.

Cependant, il y a une mise en garde potentielle à noter :

Cette approche peut ne pas fonctionner fiable dans certains scénarios. Par exemple, si votre feuille de style importe plusieurs autres feuilles de style et que vous faites référence au paramètre cssRules, vous pouvez rencontrer des valeurs nulles ou non définies.

Dans de tels cas, la méthode susmentionnée peut s'avérer plus fiable pour des scénarios plus simples avec des déclarations de feuille de style simples. .

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!