Maison > interface Web > js tutoriel > Comment définir la hauteur dans jquery CSS

Comment définir la hauteur dans jquery CSS

藏色散人
Libérer: 2023-01-06 11:15:39
original
1918 Les gens l'ont consulté

La méthode pour définir la hauteur de jquery css est la méthode height. Cette méthode peut renvoyer ou définir la hauteur de l'élément correspondant. La syntaxe pour définir la hauteur est telle que "$(selector).height(. length)". Le paramètre length spécifie la hauteur de l'élément. high.

Comment définir la hauteur dans jquery CSS

L'environnement d'exploitation de cet article : système Windows 7, version jquery3.2.1&&css3, ordinateur DELL G3

Opération CSS jQuery - Méthodes height()

La méthode height() renvoie ou définit la hauteur de l'élément correspondant.

Renvoie la hauteur

Renvoie la hauteur du premier élément correspondant.

Si aucun argument n'est défini pour cette méthode, renvoie la hauteur de l'élément correspondant en pixels.

Syntaxe

$(selector).height()
Copier après la connexion

Définir la hauteur

Définir la hauteur de tous les éléments correspondants.

Syntaxe

$(selector).height(length)
Copier après la connexion

Paramètres

longueur

Facultatif. Spécifie la hauteur de l'élément.

Si aucune unité de longueur n'est spécifiée, l'unité px par défaut est utilisée.

Exemple :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").height(50);
  });
});
</script>
</head>
<body>
<p style="background-color:yellow">This is a paragraph.</p>
<button class="btn1">改变高度</button>
</body>
</html>
Copier après la connexion

Capture d'écran de l'effet :

Comment définir la hauteur dans jquery CSS

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!

É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