Heim >Web-Frontend >js-Tutorial >So legen Sie die Höhe in JQuery-CSS fest

So legen Sie die Höhe in JQuery-CSS fest

藏色散人
藏色散人Original
2021-05-27 10:50:261932Durchsuche

Die Methode zum Festlegen der Höhe von JQuery CSS ist die Höhenmethode. Diese Methode kann die Höhe des passenden Elements zurückgeben oder festlegen. Die Syntax zum Festlegen der Höhe lautet beispielsweise „$(selector).height(length)“. und der Parameter Länge gibt die Höhe des Elements an.

So legen Sie die Höhe in JQuery-CSS fest

Die Betriebsumgebung dieses Artikels: Windows 7-System, jquery3.2.1 &&css3-Version, DELL G3-Computer

jQuery-CSS-Operation – height()-Methode

height()-Methode gibt die Höhe von zurück oder legt sie fest das passende Element.

Höhe zurückgeben

Gibt die Höhe des ersten passenden Elements zurück.

Wenn für diese Methode keine Parameter festgelegt sind, wird die Höhe des übereinstimmenden Elements in Pixel zurückgegeben.

Syntax

$(selector).height()

Höhe festlegen

Legt die Höhe aller passenden Elemente fest.

Syntax

$(selector).height(length)

Parameter

Länge

Optional. Gibt die Höhe des Elements an.

Wenn keine Längeneinheit angegeben ist, wird die Standard-Px-Einheit verwendet.

Beispiel:

<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>

Effekt-Screenshot:

So legen Sie die Höhe in JQuery-CSS fest

Empfohlenes Lernen: „jquery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Höhe in JQuery-CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn