Bagaimanakah Saya Boleh Mensimulasikan Kesan Hover CSS Menggunakan jQuery?

Cara Mencapai Kesan Hover Menggunakan Kelas Pseudo dan jQuery

Apabila bekerja dengan helaian gaya, kelas pseudo CSS seperti :hover membenarkan anda menggunakan khusus gaya kepada elemen apabila tetikus melayang di atasnya. Walau bagaimanapun, dalam jQuery, adalah tidak mungkin untuk memanipulasi kelas pseudo dinamik ini secara langsung.

Penyelesaian: Tambah Kelas Tersuai dengan Penggayaan Serupa

Untuk mensimulasikan kesan tuding menggunakan jQuery, cipta kelas tersuai yang mereplikasi gaya yang ditakrifkan dalam CSS anda :peraturan hover:

.element_class_name:hover, .element_class_name.jqhover {
    /* stuff here */
}

Kemudian, bukannya menggunakan :hover, tambahkan kelas jqhover pada elemen sasaran menggunakan jQuery:

$(this).addClass("jqhover");

Pendekatan ini membolehkan anda memanfaatkan kefungsian manipulasi kelas jQuery sambil mengekalkan gelagat penggayaan yang diingini untuk acara hover.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mensimulasikan Kesan Hover CSS Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!