Rumah hujung hadapan web tutorial js jQuery menggunakan kaedah toggleClass untuk menambah dan memadam kaedah gaya Kelas secara dinamik

jQuery menggunakan kaedah toggleClass untuk menambah dan memadam kaedah gaya Kelas secara dinamik

May 16, 2016 pm 04:07 PM
jquery padam dinamik Tambah ke

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>
Salin selepas log masuk
Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk memadam nota Xiaohongshu Bagaimana untuk memadam nota Xiaohongshu Mar 21, 2024 pm 08:12 PM

Bagaimana untuk memadam nota Xiaohongshu

Apakah folder yang ditemui.000? Bolehkah folder yang dijumpai.000 dipadamkan? Apakah folder yang ditemui.000? Bolehkah folder yang dijumpai.000 dipadamkan? Mar 13, 2024 pm 08:52 PM

Apakah folder yang ditemui.000? Bolehkah folder yang dijumpai.000 dipadamkan?

Adakah benar anda boleh disekat dan dipadamkan pada WeChat dan tidak dapat ditambahkan secara kekal? Adakah benar anda boleh disekat dan dipadamkan pada WeChat dan tidak dapat ditambahkan secara kekal? Apr 08, 2024 am 11:41 AM

Adakah benar anda boleh disekat dan dipadamkan pada WeChat dan tidak dapat ditambahkan secara kekal?

Tukar cakera tetap VirtualBox kepada cakera dinamik dan sebaliknya Tukar cakera tetap VirtualBox kepada cakera dinamik dan sebaliknya Mar 25, 2024 am 09:36 AM

Tukar cakera tetap VirtualBox kepada cakera dinamik dan sebaliknya

Bagaimana untuk memadam keluaran Xiaohongshu? Bagaimana untuk memulihkan selepas pemadaman? Bagaimana untuk memadam keluaran Xiaohongshu? Bagaimana untuk memulihkan selepas pemadaman? Mar 21, 2024 pm 05:10 PM

Bagaimana untuk memadam keluaran Xiaohongshu? Bagaimana untuk memulihkan selepas pemadaman?

Apakah fail hiberfil.sys? Bolehkah hiberfil.sys dipadamkan? Apakah fail hiberfil.sys? Bolehkah hiberfil.sys dipadamkan? Mar 15, 2024 am 09:49 AM

Apakah fail hiberfil.sys? Bolehkah hiberfil.sys dipadamkan?

Bagaimana untuk menambah TV pada Mijia Bagaimana untuk menambah TV pada Mijia Mar 25, 2024 pm 05:00 PM

Bagaimana untuk menambah TV pada Mijia

Cara memadam sepenuhnya Pembantu Pemindahan Fail WeChat_Pengenalan kepada cara menutup Pembantu Pemindahan Fail WeChat Cara memadam sepenuhnya Pembantu Pemindahan Fail WeChat_Pengenalan kepada cara menutup Pembantu Pemindahan Fail WeChat Mar 20, 2024 pm 08:31 PM

Cara memadam sepenuhnya Pembantu Pemindahan Fail WeChat_Pengenalan kepada cara menutup Pembantu Pemindahan Fail WeChat

See all articles