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

藏色散人
Freigeben: 2023-01-06 11:15:39
Original
1911 Leute haben es durchsucht

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()
Nach dem Login kopieren

Höhe festlegen

Legt die Höhe aller passenden Elemente fest.

Syntax

$(selector).height(length)
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage