So ändern Sie das Opazitätsattribut in jquery-Front-End-Fragen und Antworten-php.cn

Inhaltsverzeichnis

So ändern Sie das Deckkraftattribut in jquery

这是标题

Heim

Web-Frontend

Front-End-Fragen und Antworten

So ändern Sie das Opazitätsattribut in jquery

Jun 09, 2022 pm 05:35 PM

jquery

In jquery können Sie die Methode css() verwenden, um das Deckkraftattribut des Elements zu ändern. Diese Methode wird verwendet, um den CSS-Attributwert des Elements festzulegen oder zurückzugeben Element. Setzen Sie den zweiten Parameter auf den geänderten Wert. Der Wert des Opazitätsattributs kann verwendet werden. Die Syntax lautet „$(„angegebenes Element“).css(„Opazität“, „modifizierter Opazitätswert“)“.

So ändern Sie das Opazitätsattribut in jquery

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

So ändern Sie das Deckkraftattribut in jquery

Das Deckkraftattribut legt den Deckkraftgrad des Elements fest.

Syntax

opacity: value|inherit;

Nach dem Login kopieren

Wert gibt die Deckkraft an. Von 0,0 (vollständig transparent) bis 1,0 (vollständig undurchsichtig). Die Methode

css() legt ein oder mehrere Stilattribute des ausgewählten Elements fest oder gibt sie zurück.

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

css("propertyname","value");

Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").css("opacity","0.1");
  });
});
</script>
<style> 
p
{
opacity:0.8;
}
</style>
</head>
<body>
<h2 id="这是标题">这是标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<p>这是一个段落。</p>
<button>设置 p 元素的opacity</button>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

So ändern Sie das Opazitätsattribut in jquery

Empfohlenes Video-Tutorial: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Opazitätsattribut in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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