Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie den Margin-Wert in jquery

So ändern Sie den Margin-Wert in jquery

WBOY
WBOYOriginal
2022-06-09 16:35:012411Durchsuche

In jquery können Sie die Methode css() verwenden, um den Wert des Elements margin zu ändern. Diese Methode wird verwendet, um den CSS-Attributwert des Elements zurückzugeben oder festzulegen Der äußere Rand des Elements. Die Syntax lautet „$(“ angegebenes Element „).css(„margin“, „modified margin value“);“.

So ändern Sie den Margin-Wert in jquery

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.4.1-Version, Dell G3-Computer.

So ändern Sie den Randwert mit jquery

margin löscht den umgebenden (äußeren Rand) Elementbereich. Der Rand hat keine Hintergrundfarbe und ist vollständig transparent.

margin Sie können den oberen, unteren, linken und rechten Rand des Elements einzeln oder alle Attribute auf einmal ändern.

So ändern Sie den Margin-Wert in jquery

Mögliche Werte

  • auto Browserränder festlegen.

  • length definiert einen festen Rand (mit Pixel, pt, em usw.)

  • % definiert einen Rand mit Prozentsätzen

css()-Methode legt eines oder mehrere der Stilattribute der ausgewählten Elemente fest oder gibt sie zurück .

Um bestimmte CSS-Eigenschaften festzulegen, verwenden Sie bitte die folgende Syntax:

css("propertyname","value");

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").css("margin","0px");
  });
});
</script>
<style>
p
{
background-color:yellow;
}
p.margin
{
margin:100px 50px;
}
</style>
</head>
<body>
<p>这是一个没有指定边距大小的段落。</p>
<p class="margin">这是一个指定边距大小的段落。</p>
<button>设置 p 元素的margin </button>
</body>
</html>

Ausgabeergebnis:

So ändern Sie den Margin-Wert in jquery

Empfohlenes Video-Tutorial: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Margin-Wert in jquery. 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