Maison > interface Web > js tutoriel > Comment obtenir la hauteur d'un div avec jquery

Comment obtenir la hauteur d'un div avec jquery

coldplay.xixi
Libérer: 2020-11-26 15:31:17
original
4777 Les gens l'ont consulté

Comment obtenir la hauteur d'un div avec jquery : utilisez d'abord la balise div pour créer une ligne de texte, et utilisez CSS pour définir sa hauteur, puis utilisez le symbole [$] pour obtenir l'objet div, et utilisez la méthode [css()] pour obtenir la valeur de l'attribut de hauteur, c'est-à-dire la valeur de hauteur du div.

Comment obtenir la hauteur d'un div avec jquery

  • Cette méthode convient à toutes les marques d'ordinateurs

jquery pour get div height Méthode :

1. Créez un nouveau fichier html, nommé test.html, pour expliquer comment jQuery peut facilement obtenir la hauteur d'un div.

Comment obtenir la hauteur dun div avec jquery

2. Dans le fichier test.html, introduisez le fichier de bibliothèque jquery.min.js et chargez le fichier avec succès pour utiliser les méthodes dans jquery.

Comment obtenir la hauteur dun div avec jquery

3. Dans le fichier test.html, utilisez la balise div pour créer une ligne de texte, et utilisez CSS pour définir la largeur du div à 250px, la hauteur. à 250px et la couleur d'arrière-plan au rouge.

Comment obtenir la hauteur dun div avec jquery

4. Dans le fichier test.html, définissez l'attribut id du div sur mydiv, qui est principalement utilisé pour obtenir l'objet div via cet identifiant ci-dessous.

Comment obtenir la hauteur dun div avec jquery

5. Dans le fichier test.html, utilisez la balise bouton pour créer un bouton, liez l'événement onclick click au bouton, et lorsque le bouton est cliqué, exécutez la fonction geth().

Comment obtenir la hauteur dun div avec jquery

6. Dans la balise js, créez la fonction geth() Dans la fonction, utilisez le symbole $ pour obtenir l'objet div via l'identifiant (mydiv). utilisez la méthode css() pour l'obtenir. La valeur de l'attribut height est la valeur de hauteur du div. La valeur obtenue est sortie à l'aide de la méthode alert().

Comment obtenir la hauteur dun div avec jquery

7. Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

Comment obtenir la hauteur dun div avec jquery

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