Algorithme de taille jQuery

Nous utilisons tous offsetWidth ou offsetHeight par défaut, mais nous savons que l'algorithme pour ces deux tailles est le suivant :

offsetWidth =  border-left-width + padding-left + width + padding-right + border-right-width;  offsetHeight =  border-top-width + padding-top + height + padding-bottom + border-bottom-width;

Ne considérez pas box-sizing:padding-box Ensuite, c'est tout . Mais les interfaces de taille n'ont-elles pas également un traitement similaire comme

innerWidth, innerHeight, externalWidth, externalHeight ? Bien sûr, même s’ils obtiennent tous la même taille, il existe toujours une différence.

innerWidth, innerHeight

sont utilisés pour obtenir la largeur et la hauteur intérieures actuellement calculées (y compris le remplissage, mais sans compter la bordure) du premier élément de l'ensemble correspondant, ou pour définir la largeur intérieure et hauteur de chaque élément correspondant Largeur et hauteur.

outerWidth, externalHeight

Obtenir la valeur actuelle de largeur et de hauteur calculée du premier élément de la collection d'éléments, y compris le remplissage, la bordure et la marge facultative

Pour ces situations, jquery Je dois donner une méthode pour supprimer la valeur correspondante. C'est la méthode augmentWidthOrHeight correspondante

Voyons comment la calculer en détail

innerWidth = ele.offsetWidth –ele.borderRightWidth –ele.borderLeftWidth innerHeight = ele.offseHeight –ele.borderTopHeight –ele.borderBottomHeight

outerWidth Si aucun paramètre n'est passé, alors l'algorithme sera identique à innerWidth

Si vous passez externalWidth(true), vous devez ajouter une marge

outerWidth(true) = ele.offsetWidth + ele.marginLeft + ele.marginRight outerHeigth(true) = ele.offsetHeigth + ele.marginTop + ele.marginBottom

L'algorithme d'interface pour les six méthodes de taille de jQuery est comme ceci

• Comment arrondir les décimales en php (avec exemples)

• Introduction à la configuration de php-fpm

• php supprime les données en double des tableaux Deux exemples de

• Tableau bidimensionnel PHPExemple d'analyse de déduplication

• Déduplication de tableau PHP Exemple de code de fonction

• Un exemple simple de tableau PHP obtenant une clé basée sur la valeur

• code d'enregistrement asp

• Programme de pagination asp

• Introduction aux bases du développement humaniste ASP

• Technologie ASP révolutionnaire

• Méthode d'arrondi décimal PHP (avec exemples)

• Introduction à la configuration de php-fpm

• php supprime les données en double des tableaux Exemples

• Analyse d'instance de déduplication de tableau bidimensionnel PHP

• Exemple de code de fonction de déduplication de tableau PHP

• Un exemple simple de tableau PHP obtenant une clé basée sur la valeur

• code d'enregistrement asp

• programme de pagination asp

• Introduction aux bases du développement humaniste ASP

• Technologie ASP révolutionnaire

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!