jquery menukar gaya elemen

jQuery ialah perpustakaan JavaScript yang menjadikan penulisan JavaScript lebih ringkas, mudah dibaca dan mudah diselenggara. Dalam pembangunan web, kita selalunya perlu menukar gaya elemen. Artikel ini akan menunjukkan cara menggunakan jQuery untuk menukar gaya elemen dengan memperkenalkan kaedah berkaitan gaya jQuery.

1. kaedah.css()

Untuk menukar gaya elemen, kita boleh menggunakan kaedah .css(). Kaedah ini boleh digunakan untuk mendapatkan dan menetapkan sifat CSS elemen. Untuk menetapkan harta kita perlu lulus dua parameter: nama harta dan nilai harta. Contohnya:

$(selector).css('property', 'value');

Antaranya, pemilih ialah pemilih elemen yang perlu dikendalikan ialah nama sifat CSS yang hendak diubah, seperti "warna latar belakang", "saiz fon ", dsb.; nilai ialah nilai yang akan ditetapkan. Nilai sifat CSS.

Sebagai contoh, kod berikut akan menukar warna latar belakang elemen dengan id "myDiv" kepada merah:

$('#myDiv').css('background-color', 'red');

2. .addClass() kaedah

Jika anda ingin menambah satu atau lebih kelas CSS pada elemen, kami boleh menggunakan kaedah .addClass().

$(selector).addClass(classname);

Di mana nama kelas ialah nama satu atau lebih kelas CSS untuk ditambahkan pada elemen, dipisahkan dengan ruang.

Sebagai contoh, kod berikut akan menambah kelas CSS bernama "dipilih" pada elemen dengan id "myDiv":

$('#myDiv').addClass('selected');

3. .removeClass() kaedah

Jika kita ingin mengalih keluar satu atau lebih kelas CSS daripada elemen, kita boleh menggunakan kaedah .removeClass().

$(selector).removeClass(classname);

Di mana nama kelas ialah nama satu atau lebih kelas CSS untuk dialih keluar daripada elemen, dipisahkan dengan ruang.

Sebagai contoh, kod berikut akan mengalih keluar kelas CSS bernama "selected" daripada elemen dengan id "myDiv":

$('#myDiv').removeClass('selected');

4. .toggleClass() kaedah

Jika anda ingin menogol sama ada elemen termasuk kelas CSS, kami boleh menggunakan kaedah .toggleClass().

$(selector).toggleClass(classname);

Jika elemen mengandungi kelas CSS yang ditentukan, kelas akan dialih keluar daripada elemen. Jika kelas CSS yang ditentukan tidak terkandung dalam elemen, kelas akan ditambahkan pada elemen.

Sebagai contoh, kod berikut akan menukar sama ada elemen dengan id "myDiv" mengandungi kelas CSS bernama "selected":

$('#myDiv').toggleClass('selected');

Di atas adalah kaedah berkaitan gaya utama, melalui mereka, Kita boleh mengubah gaya elemen secara fleksibel. Lebih banyak kaedah jQuery juga boleh dilihat dalam dokumentasi rasmi.

Atas ialah kandungan terperinci jquery menukar gaya elemen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!