Rumah > Artikel > hujung hadapan web > jQuery menggunakan kaedah CSS() untuk menetapkan berbilang gaya untuk elemen tertentu pada time_jquery yang sama

jQuery menggunakan kaedah CSS() untuk menetapkan berbilang gaya untuk elemen tertentu pada time_jquery yang sama

WBOYasal: 2016-05-16 16:07:311197semak imbas

Contoh dalam artikel ini menerangkan cara jQuery menggunakan kaedah CSS() untuk menetapkan berbilang gaya untuk elemen tertentu pada masa yang sama. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("p").css({"background-color":"blue","font-size":"14px"});
 });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p style="background-color:#ff0000">This is a paragraph.</p>
<p style="background-color:#00ff00">This is a paragraph.</p>
<p style="background-color:#0000ff">This is a paragraph.</p>
<p>This is a paragraph.</p>
<button>Set multiple styles for p</button>
</body>
</html>

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Kenyataan：

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 sebelumnya：jQuery menggunakan kaedah toggleClass untuk menambah dan memadam kaedah gaya Kelas secara dinamikArtikel seterusnya：jQuery menggunakan kaedah toggleClass untuk menambah dan memadam kaedah gaya Kelas secara dinamik

Artikel berkaitan

Lihat lagi