Bagaimana untuk mengalih keluar Atribut CSS daripada Elemen Div selepas Acara Klik Menggunakan JQuery?

Cara Mengalih Keluar CSS daripada Div Menggunakan JQuery

Dalam dunia pembangunan web, selalunya perlu menukar gaya elemen secara dinamik pada halaman. JQuery menawarkan cara mudah untuk memanipulasi atribut CSS menggunakan kaedah css(). Walau bagaimanapun, kadangkala, anda mungkin perlu mengalih keluar atribut CSS yang telah digunakan.

Soalan:

Pertimbangkan senario berikut: Elemen div mempunyai pendengar acara klik yang menukar warna latar belakang dan berat fon masing-masing kepada merah jambu dan tebal. Selepas melaksanakan fungsi tertentu dalam fungsi klik, bagaimanakah kita boleh mengalih keluar atribut CSS yang digunakan ini menggunakan JQuery?

Jawapan:

Untuk mengalih keluar atribut CSS tertentu daripada elemen, anda boleh menggunakan sintaks berikut:

$(this).css({'background-color' : '', 'font-weight' : ''});

Dengan menetapkan nilai atribut CSS kepada rentetan kosong, anda dengan berkesan mengalih keluar atribut itu daripada unsur tersebut. Dalam senario yang diberikan, anda boleh menambah baris ini pada penghujung fungsi klik anda untuk mengalih keluar warna latar belakang dan perubahan berat fon:

$(this).css({'background-color' : '', 'font-weight' : ''});

Pendekatan Alternatif:

Walaupun penyelesaian di atas menjawab soalan khusus, biasanya disyorkan untuk menggunakan kelas CSS untuk mengurus penampilan elemen. Dengan mentakrif dan memanipulasi kelas CSS, anda boleh mengelak daripada menetapkan gaya sebaris secara langsung pada elemen. Ini menggalakkan kebolehselenggaraan kod dan membolehkan anda membuat perubahan global pada gaya elemen anda tanpa menggunakan kod JQuery.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Atribut CSS daripada Elemen Div selepas Acara Klik Menggunakan JQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!