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

Menggunakan Gaya !important dengan .css()

Apabila cuba menggunakan gaya dengan atribut "!important" menggunakan kaedah ".css()" jQuery, anda mungkin menghadapi masalah. Walaupun kod berikut:

$("#elem").css("width", "100px !important");

nampak intuitif, ia tidak menggunakan gaya lebar kerana ketidakupayaan jQuery untuk menghuraikan "!penting." Untuk mengatasinya, pertimbangkan alternatif berikut:

Menggunakan addClass()

Buat kelas CSS dengan gaya "!penting" yang dikehendaki:

.importantRule { width: 100px !important; }

Kemudian, tambah kelas ini kepada elemen sasaran:

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

Menggunakan attr()

Tetapkan atribut "gaya" elemen dengan gaya "!penting":

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

Perhatikan bahawa ini menimpa mana-mana gaya sebaris sedia ada.

Kekalkan Gaya Sebaris Sedia Ada

Untuk mengekalkan gaya sebaris sedia ada sambil menambah "!penting" gaya:

$('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

Pendekatan ini menambahkan gaya "!penting" pada rentetan gaya sebaris asal.

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