Contoh dalam artikel ini menerangkan cara jQuery menggunakan kaedah toggleClass untuk menambah dan memadam gaya Kelas secara dinamik. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:
jQuery menambah dan memadam Kelas secara dinamik melalui kaedah toggleClass Satu pelaksanaan adalah bersamaan dengan addClass, dan satu lagi pelaksanaan adalah bersamaan dengan removeClass Jalankan kod berikut dan klik butang untuk melihat fon perenggan teks bertukar antara biru dan hitam >
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
});
</script>
<style type="text/css">
.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>
<button>Toggle class</button>
</body>
</html>
Bagaimana untuk memadam halaman kosong dalam word
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Apakah kaedah untuk menukar IP dalam vps dinamik serta-merta?
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
