cari

Rumah >hujung hadapan web >tutorial js >Kaedah jQuery untuk menambah gaya kelas kepada pelbagai elemen_jquery yang berbeza

Kaedah jQuery untuk menambah gaya kelas kepada pelbagai elemen_jquery yang berbeza

WBOY
WBOYasal
2016-05-16 16:07:231865semak imbas

Contoh dalam artikel ini menerangkan cara jQuery menambah gaya kelas kepada berbilang elemen berbeza. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

jQuery boleh menambah kelas yang sama kepada berbilang elemen html yang berbeza pada masa yang sama melalui kaedah addClass()

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
 });
});
</script>
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div>This is some important text!</div>
<br>
<button>Add classes to elements</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：Pengenalan terperinci kepada ungkapan litar pintas dalam teknik pengoptimuman Javascript_teknik javascriptArtikel seterusnya：Pengenalan terperinci kepada ungkapan litar pintas dalam teknik pengoptimuman Javascript_teknik javascript

Artikel berkaitan

Lihat lagi