Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengalih keluar kelas dalam jquery

Bagaimana untuk mengalih keluar kelas dalam jquery

藏色散人
藏色散人asal
2021-11-17 10:55:111802semak imbas

Cara mengalih keluar kelas dalam jquery: 1. Buat fail html baharu 2. Buat div baharu dan tambah kelas kelas dan kandungan teks 3. Buat butang baharu dan tambah acara klik; Memperkenalkan perpustakaan jQuery 5. Buat Hanya keluarkan acara kelas dengan satu klik.

Bagaimana untuk mengalih keluar kelas dalam jquery

Persekitaran pengendalian artikel ini: sistem Windows 7, versi jquery 3.2.1, komputer DELL G3

Cara mengalih keluar kelas dalam jquery?

jQuery alih keluar kelas:

Buka editor html dan buat fail html baharu. Seperti yang ditunjukkan dalam rajah

Bagaimana untuk mengalih keluar kelas dalam jquery

cari

pada halaman kod html dan buat
baharu di dalamnya, kemudian tambahkan kelas dan teks ke Kandungan
ini, kelas dalam kes itu ialah: ulasan. Seperti yang ditunjukkan dalam gambar

Kod:

Akan makan malam besar-besaran malam ini

Bagaimana untuk mengalih keluar kelas dalam jquery

Buat butang klik baharu di belakang

dan tambahkan acara klik pada butang ini. Dalam kes ini, acara klik ialah: reClass(), yang mencetuskan pengalihan keluar gaya kelas apabila diklik. Seperti yang ditunjukkan dalam gambar:

Kod:

Bagaimana untuk mengalih keluar kelas dalam jquery

Tetapkan gaya kelas. Tetapkan gaya untuk ucapan dengan saiz fon 28px dan warna merah. Seperti yang ditunjukkan dalam gambar:

Kod:

<style>  .remark{   font-size: 28px;color: red;  } </style>

Bagaimana untuk mengalih keluar kelas dalam jquery

Memperkenalkan perpustakaan jQuery. Perkenalkan pustaka jquery selepas teg

Kod:

Bagaimana untuk mengalih keluar kelas dalam jquery

Buat acara klik. Buat teg baharu selepas teg Seperti yang ditunjukkan dalam rajah

kod:

<script type="text/javascript">  function reClass(){   $(".remark").removeClass(&#39;remark&#39;)  } </script>

Bagaimana untuk mengalih keluar kelas dalam jquery

Selepas menyimpan, buka dengan penyemak imbas, klik butang alih keluar kelas dan cari fon saiz dalam

warna telah dialih keluar, menunjukkan bahawa kelas telah berjaya dialih keluar. Seperti yang ditunjukkan dalam gambar:

Bagaimana untuk mengalih keluar kelas dalam jquery

Pembelajaran yang disyorkan: "tutorial video jquery"

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar kelas dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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