Bagaimana untuk mengalih keluar css dalam jquery

CSS ialah elemen yang sangat penting dalam reka bentuk web moden. Ia bukan sahaja digunakan untuk reka bentuk susun atur dan gaya halaman, tetapi juga kes yang diperlukan untuk mencapai banyak kesan interaktif. Sebagai perpustakaan JavaScript yang popular, jQuery juga digunakan secara meluas dalam pembangunan web.

Dalam sesetengah kes, kami mungkin perlu menggunakan jQuery untuk mengubah suai gaya CSS pada halaman secara dinamik, seperti menukar warna latar belakang elemen, saiz fon, dsb. Dalam sesetengah kes, kita perlu mengalih keluar gaya CSS tertentu. Jadi, bagaimana untuk mengalih keluar gaya CSS dengan jQuery? Beberapa kaedah akan diperkenalkan di bawah.

Kaedah 1:

Kaedah pertama ialah menggunakan fungsi removeProp() jQuery. Kaedah ini ialah fungsi yang disediakan selepas jQuery 1.7, yang boleh mengalih keluar sepenuhnya atribut yang diberikan daripada elemen.

Sebagai contoh, kita perlu mengalih keluar warna latar belakang daripada div. Kod berikut boleh digunakan:

$(‘div’).removeProp(‘background-color’);

Fungsi ini akan mengalih keluar sepenuhnya atribut yang diberikan daripada elemen dan bukannya hanya menetapkan nilainya kepada nilai lalai.

Walau bagaimanapun, kaedah ini hanya berfungsi dengan versi terkini jQuery. Jika anda menggunakan versi terdahulu, anda perlu mempertimbangkan kaedah lain.

Kaedah 2:

Kaedah kedua ialah menggunakan fungsi css() jQuery. Untuk fungsi ini, kita boleh menghantar nilai yang dipanggil null untuk mengalih keluar sifat CSS. Contohnya:

$(‘div’).css(‘background-color’,null);

Fungsi ini akan mengalih keluar sifat CSS warna latar belakang daripada elemen. Sebenarnya, nilai null boleh digunakan dengan mana-mana harta CSS kerana ia akan mengalih keluar nilai harta yang ditentukan.

Kaedah ini berfungsi dalam kebanyakan versi jQuery. Walau bagaimanapun, kita juga boleh mencari cara lain untuk mencapai kesan yang sama.

Kaedah tiga:

Kaedah ketiga ialah menggunakan fungsi removeAttr() dalam jQuery. Sama seperti kaedah pertama, fungsi ini boleh terus mengalih keluar atribut yang ditentukan daripada elemen. Kod sampel adalah seperti berikut:

$(‘div’).removeAttr(‘background-color’);

Kaedah ini boleh digunakan dalam mana-mana versi jQuery. Walau bagaimanapun, sila ambil perhatian bahawa kaedah ini boleh mengalih keluar sebarang sifat, bukan hanya sifat CSS.

Melalui tiga kaedah di atas, kami boleh mengalih keluar sebarang sifat CSS tertentu dalam jQuery. Tidak kira kaedah yang anda gunakan, mengalih keluar gaya CSS adalah mudah asalkan anda mengetahui nama sifat yang perlu anda alih keluar.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar css dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!