Bagaimanakah Saya Boleh Mengatasi Gaya dengan `!penting` Menggunakan Kaedah `.css()` jQuery?

Mengatasi Gaya dengan !important Menggunakan .css()

kaedah .css() jQuery mempunyai had apabila menggunakan gaya sebaris yang ditandakan dengan atribut !important. Walaupun coretan kod yang anda berikan, $("#elem").css("lebar", "100px !penting"), sepatutnya mencapai kesan yang anda inginkan secara intuitif, ia gagal disebabkan oleh ketidakupayaan jQuery untuk mentafsir arahan !penting.

Untuk memintas isu ini, anda boleh menggunakan pendekatan alternatif:

Menggunakan addClass() dan Kelas CSS

Buat kelas CSS dengan gaya !penting yang anda perlukan dan gunakannya pada elemen anda menggunakan kaedah addClass() jQuery. Contohnya:

.importantRule {
  width: 100px !important;
}

$('#elem').addClass('importantRule');

Menggunakan attr() untuk Mengubah Suai Gaya Sebaris

Sebagai alternatif, gunakan kaedah attr() jQuery untuk mengubah suai gaya sebaris elemen anda dan masukkan !important atribut.

$('#elem').attr('style', 'width: 100px !important');

Perhatikan bahawa pendekatan ini akan mengatasi mana-mana gaya sebaris sedia ada, jadi gunakannya berhati-hati.

Walaupun kaedah ini menyediakan penyelesaian untuk keperluan !penting anda dalam jQuery, adalah wajar mempertimbangkan cadangan @Nick Craver untuk menyemak semula peraturan CSS anda untuk mencapai tingkah laku yang diingini tanpa memerlukan gaya !penting sebaris.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengatasi Gaya dengan `!penting` Menggunakan Kaedah `.css()` jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!