Dimensions
Pour connaître la largeur et la hauteur d'une balise, il faut savoir de quelles informations nous tenons compte.
C'est à dire, prenons nous en compte les marges intérieures et extérieures et la largeur de la bordure.
Méthode : width, height : lecture
1
$(all).width(), $(all).height()
Sans margin, sans, border, sans padding.
Méthode : width, height : écriture
1
$(all).width(value|function(index, width)), $(all).height(value|function(index, width))
Affecte une largeur (hauteur) par l'intermédiaire d'une valeur ou d'une fonction dépendant du rang de l'élément et de son ancienne largeur (hauteur).
Exemple : Exemple
jq_css.htm
1
<html>
2
<head>
3
<title>JavaScript</title>
4
<script src="js/jquery.js"></script>
5
</head>
6
<body>
7
<img id="image1" alt='image1' src='images/image1.gif' />
8
<img id="image2" alt='image2' src='images/image2.gif' />
9
<img id="image3" alt='image3' src='images/image3.gif' />
10
<img id="image4" alt='image4' src='images/image4.gif' />
11
</body>
12
</html>
Exercice JQuery
Ouvrez la console :
Changez la largeur de image2.
Affichez la hauteur de image3.
Doublez la largeur de image4.