jQuery menambah/menukar/mengalih keluar kelas CSS dan menentukan sama ada CSS_jquery sudah wujud

Menukar gaya elemen halaman juga boleh dicapai menggunakan Javascript, tetapi adakah cara yang lebih mudah adalah ya. Sekarang dengan jQuery, nampaknya kod Js telah dikurangkan banyak, yang benar kepada ayat : "jQuery membuat JavaScript Kod menjadi ringkas!" Mari kita kembali kepada intipati, mari lihat bagaimana jquery menambah dan mengalih keluar kelas CSS:

1. removeClass() - Alih keluar kelas CSS

$("#target").removeClass("oldClass"); 
//#target 指的是需要移除CSS类的元素的ID 
//oldClass 指的是CSS类的名称

2.addClass() - Tambah kelas CSS

$("#target").addClass("newClass"); 
//#target 指的是需要添加样式的元素的ID 
//newClass 指的是CSS类的名称

3. toggleClass() - Tambah atau alih keluar kelas CSS: Jika kelas CSS sudah wujud, ia akan dialih keluar sebaliknya, jika kelas CSS tidak wujud, ia akan ditambah.

$("#target").toggleClass("newClass") 
//如果ID为“target”的元素已经定义了CSS样式，它将被移除； 
//反之，CSS类“newClass”将被赋给该ID

4.hasClass("className") - Tentukan sama ada CSS sudah wujud

Dalam aplikasi sebenar, kami biasanya mentakrifkan kelas CSS ini dahulu, dan kemudian menukar gaya elemen halaman melalui pencetusan acara Javascript (seperti mengklik butang). Selain itu, jQuery juga menyediakan kaedah hasClass("className") untuk menentukan sama ada sesuatu elemen telah diberikan kelas CSS. Ngomong-ngomong, saya ingin memberitahu pendatang baru untuk pembangunan front-end bahawa jquery berbaloi untuk dimiliki, jadi kaji dengan teliti apabila anda mempunyai masa.