Heim >Web-Frontend >Front-End-Fragen und Antworten >So ändern Sie das Opazitätsattribut in jquery
So ändern Sie das Opazitätsattribut in jquery
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2022-06-09 17:35:412507Durchsuche
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“)“.
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;
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");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>这是标题</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>Ausgabeergebnis:
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!