Rumah >hujung hadapan web >tutorial js >Bagaimana untuk mengalih keluar kelas tahap yang sama dalam Jquery

Bagaimana untuk mengalih keluar kelas tahap yang sama dalam Jquery

WBOY
WBOYasal
2021-11-22 17:32:302422semak imbas

Kaedah Jquery untuk mengalih keluar kelas tahap yang sama: 1. Gunakan pernyataan "$(".element class name")" untuk mendapatkan objek mengikut nilai kelas yang ditentukan 2. Gunakan kaedah removeClass(). untuk mengalih keluar kelas elemen , sintaksnya ialah "elemen object.removeClass('element class name')".

Bagaimana untuk mengalih keluar kelas tahap yang sama dalam Jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.

Cara mengalih keluar kelas yang sama dalam Jquery

1. Buka editor html dan buat fail html baharu. Cari

pada halaman kod html dan buat
baharu di dalam, kemudian tambahkan kelas dan kandungan teks pada
ini ialah: remark.
<div class="remark">今晚要去吃大餐</div>

Buat butang klik baharu selepas

dan tambahkan acara klik pada butang ini, acara klik ialah: reClass(), yang mencetuskan pengalihan keluar gaya kelas apabila diklik.
<input type="button" value="移除class" onclick="reClass()">

Tetapkan gaya kelas. Tetapkan gaya untuk ucapan dengan saiz fon 28px dan warna merah.

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

Kodnya adalah seperti berikut:

Bagaimana untuk mengalih keluar kelas tahap yang sama dalam Jquery

2. Perkenalkan perpustakaan jQuery. Memperkenalkan perpustakaan jquery selepas teg

<script type="text/javascript" src="jquery.js"></script>

Buat acara klik. Buat teg baharu selepas teg

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

Bagaimana untuk mengalih keluar kelas tahap yang sama dalam Jquery

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

menunjukkan penyingkiran kelas berjaya. Seperti yang ditunjukkan dalam gambar:

Bagaimana untuk mengalih keluar kelas tahap yang sama dalam Jquery

Bagaimana untuk mengalih keluar kelas tahap yang sama dalam Jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar kelas tahap yang sama 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