Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie CSS-Attribute in JQuery hinzu

So fügen Sie CSS-Attribute in JQuery hinzu

藏色散人
藏色散人Original
2021-05-27 10:54:193182Durchsuche

Die Art und Weise, wie jquery CSS-Attribute hinzufügt, ist die Methode css(). Diese Methode kann ein oder mehrere Stilattribute des ausgewählten Elements festlegen oder zurückgeben. Die Syntax zum Festlegen und Hinzufügen von CSS-Attributen lautet „css(“propertyname“, „value“. ) ;".

So fügen Sie CSS-Attribute in JQuery hinzu

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

jQuery css()-Methode

css()-Methode legt ein oder mehrere Stilattribute von fest oder gibt sie zurück das ausgewählte Element.

CSS-Eigenschaften zurückgeben

Um den Wert der angegebenen CSS-Eigenschaft zurückzugeben, verwenden Sie bitte die folgende Syntax:

css("propertyname");

CSS-Eigenschaften festlegen

Um die angegebene CSS-Eigenschaft festzulegen, verwenden Sie bitte die folgende Syntax:

css("propertyname","value");

Das folgende Beispiel legt den Hintergrundfarbwert für alle übereinstimmenden Elemente fest:

Beispiel

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").css("background-color","yellow");
  });
});
</script>
</head>

<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<p>这是一个段落。</p>
<button>设置 p 元素的背景色</button>
</body>
</html>

Effekt:

So fügen Sie CSS-Attribute in JQuery hinzu

Empfohlenes Lernen: „jquery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo fügen Sie CSS-Attribute in JQuery hinzu. 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