Comment changer la hauteur d'un élément dans jquery

Comment changer la hauteur d'un élément avec jquery : 1. Créez un nouveau fichier html ; 2. Créez un module à l'aide de balises div ; 3. Utilisez CSS pour définir le style de div par identifiant ; . Créez dans les balises js la fonction addheight() ; 6. Utilisez height() pour définir la hauteur du div.

L'environnement d'exploitation de cet article : système windows7, jquery version 3.2.1, ordinateur DELL G3

Comment changer la hauteur d'un élément avec jquery ?

Utilisez jquery pour modifier dynamiquement la hauteur d'un div :

Créez un nouveau fichier html, nommé test.html, pour expliquer comment utiliser jquery pour modifier dynamiquement la hauteur d'un div.

Dans le fichier test.html, utilisez la balise div pour créer un module et définissez son identifiant sur mytest.

Dans la balise css, utilisez css pour définir le style du div par identifiant, définissez la hauteur du div sur 100px, la largeur sur 100px et la couleur d'arrière-plan sur jaune.

Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom du bouton "Modifier la hauteur du div".

Dans le fichier test.html, liez l'événement onclick au bouton du bouton Lorsque vous cliquez sur le bouton, exécutez la fonction addheight().

Dans la balise js, créez la fonction addheight(). Dans la fonction, récupérez l'objet div via id(mytest), utilisez la méthode height() pour obtenir la hauteur du div, puis utilisez height(. ) pour définir à nouveau la hauteur du div. Par exemple, ajoutez dynamiquement 100 px à la hauteur d'un div.

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

Apprentissage recommandé : "Tutoriel vidéo jquery"

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!