Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengubah suai atribut kelegapan dalam jquery
Bagaimana untuk mengubah suai atribut kelegapan dalam jquery
- WBOYasal
- 2022-06-09 17:35:412454semak imbas
Dalam jquery, anda boleh menggunakan kaedah css() untuk mengubah suai atribut kelegapan elemen Kaedah ini digunakan untuk menetapkan atau mengembalikan nilai atribut css Atribut kelegapan digunakan untuk menetapkan tahap kelegapan elemen. Parameter kedua Hanya tetapkan kepada nilai atribut kelegapan yang diubah suai dan sintaksnya ialah "$("elemen yang ditentukan").css("kelegapan","nilai kelegapan yang diubah suai").
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.4.1, komputer Dell G3.
Cara mengubah suai atribut kelegapan dalam jquery
Atribut kelegapan menetapkan tahap kelegapan elemen.
Sintaks
opacity: value|inherit;
nilai menentukan kelegapan. Daripada 0.0 (lutsinar sepenuhnya) kepada 1.0 (legap sepenuhnya). Kaedah
css() menetapkan atau mengembalikan satu atau lebih atribut gaya elemen yang dipilih.
Untuk menetapkan sifat CSS yang ditentukan, sila gunakan sintaks berikut:
css("propertyname","value");Contohnya adalah seperti berikut:
<!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>Hasil output:
Cadangan tutorial video: Tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk mengubah suai atribut kelegapan dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!