Bagaimana untuk mengubah suai nilai atribut css elemen dalam jquery-tutorial js-php.cn

Dalam jquery, anda boleh menggunakan kaedah css() untuk menetapkan atribut CSS dan mengubah suai nilai atribut css elemen kaedah css() boleh menetapkan satu atau lebih atribut gaya elemen padanan, sintaks "$(; pemilih) .css("property","property value");".

Bagaimana untuk mengubah suai nilai atribut css elemen dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Dalam jquery, anda boleh menggunakan kaedah css() untuk menetapkan atribut CSS dan mengubah suai nilai atribut css elemen. Kaedah

css() boleh menetapkan satu atau lebih atribut gaya bagi elemen yang dipadankan.

Sintaks:

$(selector).css(name,value)

Salin selepas log masuk

Parameter

Perihalan

nama

Diperlukan. Menentukan nama sifat CSS. Parameter ini boleh mengandungi sebarang sifat CSS, seperti "warna".

nilai

参数

描述

name

必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。

value

可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值，比如 "red"。

如果设置了空字符串值，则从元素中删除指定属性。

Pilihan. Menentukan nilai sifat CSS. Parameter ini boleh mengandungi sebarang nilai sifat CSS, seperti "merah".

Jika nilai rentetan kosong ditetapkan, alih keluar atribut yang ditentukan daripada elemen.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.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元素的background-color属性的值</button>
</body>
</html>

Salin selepas log masuk

Contoh:

Rendering: Bagaimana untuk mengubah suai nilai atribut css elemen dalam jquery

Tutorial video berkaitan yang disyorkan: Tutorial jQuery (Video)

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai nilai atribut css elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

jquery

sumber：php.cn

Artikel sebelumnya：Bagaimanakah JavaScript mengendalikan permintaan selari? Analisis ringkas empat kaedah Artikel seterusnya：Bagaimana untuk mendapatkan nilai yang dimasukkan oleh pengguna dalam javascript

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang