Bagaimana untuk mengubah suai atribut kelegapan dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mengubah suai atribut kelegapan dalam jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2022-06-09 17:35:41

asal

2586 orang telah melayarinya

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").

Bagaimana untuk mengubah suai atribut kelegapan dalam jquery

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;

Salin selepas log masuk

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");

Salin selepas log masuk

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>

Salin selepas log masuk

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!